网站首页
关于深山
客户案例
业务范围
联系深山
网络投票系统
企业网站建设
旅行社网站建设
小程序
留言板
技术文章
许愿墙(qq爱墙)
技术首页
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
asp.net
DIV+CSS
HTML
SEO搜索引擎忧化
下载类信息
个人空间
代码生成
电商
python
页面特效
表格特效
导航菜单
图形特效
表单特效
时间日期
色彩类别
链接特效
网页特效
系统硬件
网站公告
网页学习
技术类文章
网站类信息
订阅本栏目 RSS
您所在的位置:
深山工作室
>
图形特效
> 正文
图片渐显轮流播放
网络 2008/6/7 22:16:43 深山行者 字体:
大
中
小
浏览 11104
以下为详细代码
===[图片的渐显轮流播放]共3步=== 1、将以下代码加入<head></head>之间 <script language=javaScript> <!--// sandra0 = new Image(); sandra0.src = "/UploadFiles/demo/002.jpg"; sandra1 = new Image(); sandra1.src = "/UploadFiles/demo/003.jpg"; sandra2 = new Image(); sandra2.src = "/UploadFiles/demo/004.jpg"; var i_strngth=1 var i_image=0 var imageurl = new Array() imageurl[0] ="/UploadFiles/demo/002.jpg" imageurl[1] ="/UploadFiles/demo/003.jpg" imageurl[2] ="/UploadFiles/demo/004.jpg" function showimage() { if(document.all) { if (i_strngth <=110) { testimage.innerHTML="<img style=’filter:alpha(opacity="+i_strngth+")’ src="+imageurl[i_image]+" border=0>"; i_strngth=i_strngth+10 var timer=setTimeout("showimage()",100) } else { clearTimeout(timer) var timer=setTimeout("hideimage()",1000) } } if(document.layers) { clearTimeout(timer) document.testimage.document.write("<img src="+imageurl[i_image]+" border=0>") document.close() i_image++ if (i_image >= imageurl.length) {i_image=0} var timer=setTimeout("showimage()",2000) } } function hideimage() { if (i_strngth >=-10) { testimage.innerHTML="<img style=’filter:alpha(opacity="+i_strngth+")’ src="+imageurl[i_image]+" border=0>"; i_strngth=i_strngth-10 var timer=setTimeout("hideimage()",100) } else { clearTimeout(timer) i_image++ if (i_image >= imageurl.length) {i_image=0} i_strngth=1 var timer=setTimeout("showimage()",500) } } //--> </script> 2.将以下代码加入<body></body>之间 <div id="testimage" style=" position: absolute; left: 305; top: 101"></div> 3.在<body>语句中加入:onLoad="showimage()" 例如:<body onLoad="showimage()">
前一页:
当鼠标移到图片上时会发生梦幻般轮流变化的图片特效
后一页:
没有了
相关阅读
Javascript JS 限制复选框的选择个数(2)
facebook广告推广设定像素标准事件的值和币种等说明
CSS的优化与技巧
asp正则替换内容里的特定内容
jquery实现下拉加载更多
利用CSS样式美化Button或submit按钮
在iframe窗口中打开链接
RSA加密解密插件
更多信息>>
栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>
同类信息
div+css黑色焦点图(幻灯片效果非常 不错)
javascript实现图片预览功能
比较实用的利用javascript按比例相应缩放图片大小
一个效果非常不错图片载入loading等待效果
利用css实现图片选中后显示文字与图片效果
利用CSS里面的A:hover鼠标滑过缩略图时放大图片
更多>>
最新添加文章
2026 aliyun阿里域名云注册续费优惠口令
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
更多>>
随机抽取信息
uni-app浏览历史记录功能实现
radio组选择详细
振辉消音器
CSS的优化与技巧
uni-app操作json数组
asp 当日访问量,全部访问量,当前在线人数统计
更多标签
热门标签
程序
爱墙
asp.net
展示
建立日期
限制
table
留言板
javascript
斜线
硬件
flash 透明
快捷
表达式
绝对管用的iis安装包下载
展开
滑动
cpu
眼睛
ResponseXML
Google
邮箱
下拉框
执行
手
imprt
经典
mop
获得
adobe
jpg
blog
技巧
经典的
option
考试
屏幕
移动
菜单
自动隐藏
刷新
滑过
层
控制
时钟
加长
字节数
超出
添加
柱状
免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026
深山工作室
All Rights Reserved
服务QQ:
565449214
手机:
13961347334
ICP备案:
苏ICP备15019627号
苏公网安备 32070502010230号