网站首页
关于深山
客户案例
业务范围
联系深山
网络投票系统
企业网站建设
旅行社网站建设
小程序
留言板
技术文章
许愿墙(qq爱墙)
技术首页
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
asp.net
DIV+CSS
HTML
SEO搜索引擎忧化
下载类信息
个人空间
代码生成
电商
python
页面特效
表格特效
导航菜单
图形特效
表单特效
时间日期
色彩类别
链接特效
网页特效
系统硬件
网站公告
网页学习
技术类文章
网站类信息
订阅本栏目 RSS
您所在的位置:
深山工作室
>
图形特效
> 正文
图片渐显轮流播放
网络 2008/6/7 22:16:43 深山行者 字体:
大
中
小
浏览 12881
以下为详细代码
===[图片的渐显轮流播放]共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()">
前一页:
当鼠标移到图片上时会发生梦幻般轮流变化的图片特效
后一页:
没有了
相关阅读
windows xp设置IIS。
北京青年旅行社股份有限公司
CSS设计符合Web标准的网页表单的几个技巧
删除程序页面代码中的注释标签
网站完成各个浏览器兼容测试
默认系统
旅行社线路主题默认模板3
判断输入字符串中是否含有危险字符
更多信息>>
栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
python
更多>>
同类信息
div+css黑色焦点图(幻灯片效果非常 不错)
javascript实现图片预览功能
比较实用的利用javascript按比例相应缩放图片大小
一个效果非常不错图片载入loading等待效果
利用css实现图片选中后显示文字与图片效果
利用CSS里面的A:hover鼠标滑过缩略图时放大图片
更多>>
最新添加文章
dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
抖音直播音挂载小雪花 懂车帝小程序
javascript获取浏览器指纹可以用来做投票
火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
python通过代码修改pip下载源让下载库飞起
python里面requests.post返回的res.text还有其它的吗
更多>>
随机抽取信息
超级实用且不花哨的js代码大全( 5 )
uni-app自定义组件调用
一些常见的网页设计小技巧
常见显示器尺寸与分辨率对照
chrome谷歌浏览器中的谷歌翻译有问题一键修复处理
中国签证行业领导者--亿诚出国签证网
更多标签
热门标签
Javascript实现CSS代码高亮显示1
网站
密码
例子
快捷键
对话框
屏幕
兼容
链接
em
旅游
relative
随机
伪类
逗号
右键
word-break
Dreamweaver
标语
Abandon
忧化
县
变幻
面板
物理
柱状图
代码 css
DIV CSS做的透明菜单兼容IE、FF等
confirm
文字垂直居中
进度
qq right
背景色
换行
max
长
jpg
文字
dw 访问量
动画
增高
返回
载入
列表
变色
imprt
左 右
源文件
height
li
免责声明:本站所有资料信息,有部分为本人原创,部分为从网络收集而来,仅供网友查看阅读所用,所有信息版权归信息所有人或所有公司所有
如果信息内容侵犯到您的版权或权益请与我们联系,经确认后我们会立即移除相关内容或链接
Copyright © 2007-2026
深山工作室
All Rights Reserved
服务QQ:
565449214
手机:
13961347334
ICP备案:
苏ICP备15019627号
苏公网安备 32070502010230号