软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > 工具与技巧 > 仿土豆豆单Photo Slideshow效果

仿土豆豆单Photo Slideshow效果

烈火网(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

    相关阅读
    网友评论
    栏目导航
    推荐软件