一个简单的鼠标划过切换效果js源码
作者：Mr.Think 来源：Mr.Think 发布时间：2010-06-21 10:55:00
上次帮朋友写过的一个简单切换效果,超级简单,但也比较适用.因为用到了CSS Sprite技术,DEMO中附带了IE6兼容png的JS.
核心JavaScript代码:点此查看DEMO
//获取对象属性兼容方法
function $(objectId) {
if(document.getElementById && document.getElementById(objectId)) {
return document.getElementById(objectId);// W3C DOM
} else if (document.all && document.all(objectId)) {
return document.all(objectId);// MSIE 4 DOM
} else if (document.layers && document.layers[objectId]) {
return document.layers[objectId];// NN 4 DOM..this won't find nested layers
} else {
return false;
}
}
//切换显示文字和背景图位置
function iLeftNav(type) {
var inum,i_navinfo=$("i_navinfo");
if(type=="writeblog"){
inum="-300px";
}else if(type=="sharepic"){
inum="-600px";
}else if(type=="writemsg"){
inum="-900px";
}else{
inum="-300px";
}
i_navinfo.innerHTML=$(type).innerHTML;
i_navinfo.style.backgroundPosition=inum+" 0";
}
//加载鼠标莫过事件
window.onload=function(){
var liitem=$("i_blognav").getElementsByTagName("li");
for(var i=0; i<liitem.length; i++){
liitem[0].onmouseover=function(){iLeftNav("writeblog")}
liitem[1].onmouseover=function(){iLeftNav("sharepic")}
liitem[2].onmouseover=function(){iLeftNav("writemsg")}
}
}
本文是一个简易的鼠标莫过效果, 如果需要更酷更炫一点的效果,可点此查看cssrain写的基于jQuery的气泡提示效果.
0
投稿猜你喜欢
- 本文实例讲述了jdbc操作mysql数据库的方法。分享给大家供大家参考。具体如下：import java.sql.*;import java
- 前言你知道a**3是什么意思吗？你知道怎么打印模块路径吗？你知道reduce（）函数怎么用和列表怎么拼接字符串吗？然而你可能全都知道但是还是
- 本文详细讲述了Python使用MySQLdb for Python操作数据库的方法，分享给大家供大家参考。具体如下：一般来说网站就是要和数据
- 以下插件是我在项目中经常使用的jQuery插件，不见得是最好的，但是我目前接触到的jQuery插件中最适合我的。01. jQuery.Fle
- 需要在两个文件中实现：首先，在talker.asp（在线名单）中做如下处理：<％p1=trim(application("v
问题描述：我有一个这样的数据集叫test_result_test.txt，大概几百上千行，两行数据之间隔一个空行。N:505904X:0.9- 有时候在测试django中一些模块时，不想重新跑一整个django项目，只想跑单个文件，正好写在if __name__ == '__
- 有些 MySQL 数据表中可能存在重复的记录，有些情况我们允许重复数据的存在，但有时候我们也需要删除这些重复的数据。本章节我们将为大家介绍如
- 最近发现Python课器做很多事情，在监控服务器有其独特的优势，耗费资源少，开发周期短。首先我们做一个定时或者实时脚本timedtask.p
- 比如要在一个列表中利用ajax插入一个li的时候，我会直接把数据跟html标签拼接成一句完整的html，然后插入到ul中。无论数据是从服务器
- # -*- coding: utf-8 -*-"""Created on Sat Jun 20 19:36:3
- 多数应用场景下，我们需要对重要数据进行备份、并放置到一个安全的地方，以备不时之需。常见的 MySQL 数据备份方式有，直接打包复制对应的数据
- PHP mysqli_sqlstate() 函数返回最后一个 MySQL 操作的 SQLSTATE 错误代码：<?php// 假定数据
- 这是学习tensorflow框架中遇到的知识，这里定义函数的时候选用的是将x和y封装起来，方便tensorflow求导。要慢慢习惯这种写法i
- php中主要用到的就是要用到fread()和fwirte()。而静态页面生成了之后，就会牵扯到修改的问题。这里可以用到正则匹配的方法来替换模
- 错误信息: RuntimeError: in-place operations can be only used on variables
- 本文实例讲述了golang实现的文件上传与文件下载功能。分享给大家供大家参考，具体如下：upload.gopackage commonimp
- 1.图像处理库import cv2 as cvfrom PIL import *常用的图像处理技术有图像读取，写入，绘图，图像色彩空间转换，
- 如下所示：# 创建一个空的 DataFramedf_empty = pd.DataFrame()#或者df_empty = pd.DataF
- 本文实例讲述了Python3.5编程实现修改IIS WEB.CONFIG的方法。分享给大家供大家参考，具体如下：#!/usr/bin/env
