王尘宇
王尘宇

页面每刷新一次更换一张图片的js特效

访客1880
网站要做一个特效找了好多,目前我用这个还是比较实用的,代码记录下来,希望能帮到大家,页面每刷新一次更换一张图片的js特效 第一步 将下面代码粘贴到网页的<head>与</head>间的任何位置:

<script language="JavaScript"> var imgnum=5 //设置要显示的图片数,本例总共是5张。 function dispimg() //将几乎整个js脚本定义成一个函数dispimg(),为的是可以在<body>与<body>间随意地调用脚本、安排图片的显示位置。 { var caution = false function setCookie(name, value, expires, path, domain, secure) { var curCookie = name + "=" + escape(value) + ((expires) ? "; expires=" + expires.toGMTString() : "") + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") + ((secure) ? "; secure" : "") if (!caution || (name + "=" + escape(value)).length <= 4000) document.cookie = curCookie else if (confirm("Cookie exceeds 4KB and will be cut!")) document.cookie = curCookie }

function getCookie(name) { var prefix = name + "=" var cookieStartIndex = document.cookie.indexOf(prefix) if (cookieStartIndex == -1) return null var cookieEndIndex = document.cookie.indexOf(";", cookieStartIndex + prefix.length) if (cookieEndIndex == -1) cookieEndIndex = document.cookie.length return unescape(document.cookie.substring(cookieStartIndex + prefix.length, cookieEndIndex)) } function deleteCookie(name, path, domain) { if (getCookie(name)) { document.cookie = name + "=" + ((path) ? "; path=" + path : "") + ((domain) ? "; domain=" + domain : "") +"; expires=Thu, 01-Jan-70 00:00:01 GMT" } } function fixDate(date) { var base = new Date(0) var skew = base.getTime() if (skew > 0) date.setTime(date.getTime() - skew) } var now = new Date() fixDate(now) now.setTime(now.getTime() + 365 * 24 * 60 * 60 * 1000) var visits = getCookie("counter") if (!visits) visits = 1 else { visits = parseInt(visits) + 1 }; visits=((visits>imgnum)?visits=1:visits); setCookie("counter", visits, now) document.write("<img src=" ,visits ,".jpg border=0><br><br><font size=2>共有 ",imgnum," 张图片,这是第 " ,visits ," 张</font>");/*这里src=后面放图片地址,只写到图片所在文件夹名为止,图片的文件名由脚本自动填写。图片应连续编号,例如:1.jpg,2.jpg,...等*/ //上面有document...的这一行在不清楚js语法时,切不可随意打回车键擅自排版,以免破坏js语句的连续性导致脚本出错。 } //函数dispimg()结束。 </script>第二步 将下面这行代码粘贴到网页的<body>与</body>之间需要显示图片特效的地方: <script>dispimg();</script> 经过测试完全可以实用详情移至:http://www.48941.com

标签:js特效刷新切换图片图片切换

抱歉,评论功能暂时关闭!