最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
js 鼠标划过tips切换效果
时间:2011-04-01 编辑:简简单单 来源:一聚教程网
js 鼠标划过tips教程切换效果
//获取对象属性兼容方法
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;
}
}
//@mr.think切换显示文字和背景图位置
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";
}
//@mr.think加载鼠标莫过事件
window.onload = function(){
var liitem = $("i_blognav").getelementsbytagname("li");
for (var i = 0; i < liitem.length; i++) {
liitem[0].onmouseo教程ver = function(){
ileftnav("writeblog")
}
liitem[1].onmouseover = function(){
ileftnav("sharepic")
}
liitem[2].onmouseover = function(){
ileftnav("writemsg")
}
}
}
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31