加入收藏 | 设为首页 | 会员中心 | 我要投稿 新余站长网 (https://www.0790zz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 运营中心 > 产品 > 正文

仿土豆豆单Photo Slideshow效果

发布时间:2018-09-16 05:16:41 所属栏目:产品 来源:站长网
导读:烈火网(LieHuo.Net)教程 测试:IE7、FF3.014 ,注:背景图片来自 土豆 ,版权归土豆所有 TIPs: 1、绑定滚轮事件 IE: document.onmousewheel = fuc; FF: document.addEventListener(DOMMouseScroll, fuc, false); 2、图片加载 当图片已经在缓存中时,图片的

烈火网(LieHuo.Net)教程 测试:IE7、FF3.014 ,注:背景图片来自土豆,版权归土豆所有 
TIPs:
1、绑定滚轮事件
IE: document.onmousewheel = fuc;
FF: document.addEventListener(”DOMMouseScroll”, fuc, false);
2、图片加载
当图片已经在缓存中时,图片的onload事件在IE中无效
所以我作了如下处理
if(img.width > 0) fuc();
else img.onload = fuc;
3、设置元素透明度
function setOpacity(obj,n) {
obj.style.cssText = “filter:alpha(opacity=”+ n*100 +”); -moz-opacity:”+ n +”; opacity:”+ n;
}
4、Elements finder元素查找器
允许的格式:
$(”#id tag”)
$(”#id tag.classname”)
$(”#id .classname tag”)
$(”.classname .classname tag”)
$(”.classname tag”,domElement)
有兴趣的可以去看看DEMO这个函数 function $(s,wrap) {}
5、IE中的onmouseleave在FF中的解决办法
obj.onmouseout = thumbOut;
function thumbOut(e){
e = e || event;
var relatedTarget = e.toElement || e.relatedTarget;
while(relatedTarget && relatedTarget != this){
relatedTarget = relatedTarget.parentNode;
if(!relatedTarget){
slideTo(obj,”marginTop”,-toY);
}
}
}


提示:可修改后代码再运行!

出处:cnwander.com

(编辑:新余站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读