博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【经验心得】每刷新一次页面就顺序更换一张图片的js特效
阅读量:5861 次
发布时间:2019-06-19

本文共 2204 字,大约阅读时间需要 7 分钟。

http://blog.sina.com.cn/s/blog_53b4fd3801000arv.html

第一步 将下面代码粘贴到网页的<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=<?php echo $this->staticDomain('app_renyuxian', 'image')?>xuanchuan/erweima/" ,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>

转载于:https://www.cnblogs.com/zhp404/articles/4462639.html

你可能感兴趣的文章
大数据开发—常见问题(1)
查看>>
java开发小细节分享
查看>>
MySQL中如何启用InnoDB数据引擎
查看>>
Linux内核调优之Sysctl研究(原创)
查看>>
Java千百问_05面向对象(003)_java中抽象概念如何体现的
查看>>
Duplicate Symbol链接错误的原因总结和解决方法[转]
查看>>
【转载】GIT 使用时遇到的行结束符设置问题
查看>>
用Swift实现一款天气预报APP(二)
查看>>
[转载学习]Linux性能监控
查看>>
android BitMap回收
查看>>
Spring两种依赖注入方式的比较
查看>>
软件架构模式转载
查看>>
适配器模式
查看>>
反射封装request参数为对象
查看>>
PostgreSQL backup and recovery - online logical backup & recovery
查看>>
类似微信首页弹性滚动和惯性滚动效果的实现——OverScroll
查看>>
试读angular源码第一章:开场与platformBrowserDynamic
查看>>
android插件自定义之多渠道打包插件(支持微信资源混淆andResGuard)
查看>>
一道关于面向对象面试题
查看>>
php之正则表达式函数总结
查看>>