免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
最近访问板块 发新帖
查看: 1096 | 回复: 0
打印 上一主题 下一主题

js动画——图片轮播 [复制链接]

论坛徽章:
0
跳转到指定楼层
1 [收藏(0)] [报告]
发表于 2006-05-30 10:41 |只看该作者 |倒序浏览

1.对搜索引擎友好
2.对美工友好,因为数据和代码是分开的,完全不懂js的都可以用fontpage修改动画内容
可以把js代码保存为一个文件 然后,然后无须修改代码一个字母
就可以在多个页面中实现动画了
#g_div{text-align:right;overflow:hidden}
.b{width:24px; height:16px; background:#737373; font-size:14px; font-weight:bold; color:#fff; text-decoration:none;margin-left:1px}
.b:hover{width:24px; height:16px; background:#780001; font-size:14px; font-weight:bold; color:#fff; text-decoration:none;margin-left:1px}
.bhover{width:24px; height:16px; background:#780001; font-size:14px; font-weight:bold; color:#fff; text-decoration:none;margin-left:1px}
http://zi.csdn.net/xian.gif
">
http://www.baidu.com/
" for="
http://zi.csdn.net/xian.gif
"  target="_blank">1.CSDN程序员
http://www.126.com/
" for="
http://zi.csdn.net/microsoft280_187.jpg
"  target="_blank">2.CSDN程序员
http://mp3.baidu.com/
"  for="
http://zi.csdn.net/live.gif
"   target="_blank">3.CSDN程序员
http://post.baidu.com/
" for="
http://zi.csdn.net/new-mba.gif
"  target="_blank">4.CSDN程序员
http://top.baidu.com/
" for="
http://zi.csdn.net/book.jpg
"  target="_blank">5.CSDN程序员
function f(){
var g_sec=3          //几秒后切换图片
var g_items=new Array()
var g_div=document.getElementById("g_div")
var g_img=document.getElementById("g_img")
var g_imglink=g_img.parentElement
var arr=g_div.getElementsByTagName("A")
var arr_length=arr.length
var g_index=1
var show_img=function(n){  
   if (/\d+/.test(n)){
var prev=g_index+1
g_index=n-1
   }else{   
var prev=(g_index>arr.length)?(arr_length-1):g_index+1
g_index=(g_index
for(var i=1;i
[url=arr.href]url:arr.href[/url]
,
target:arr.target,
img:(function(){var o=new Image;o.src=arr.getAttribute("for");return o})()})
arr.title=arr.innerHTML
arr.innerHTML=[i," "].join("")
arr.className="b"
arr.onclick=function(){
event.returnValue=false;
show_img(event.srcElement.innerText)
}
}
show_img(1)
var t=window.setInterval(show_img,g_sec*1000)
g_img.onmouseover=function(){window.clearInterval(t)}
g_img.onmouseout=function(){t=window.setInterval(show_img,g_sec*1000)}  
}
window.attachEvent("onload",f)


本文来自ChinaUnix博客,如果查看原文请点:http://blog.chinaunix.net/u/17686/showart_120147.html
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号:11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们:huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP