html中js图片轮播代码码,要JS的js图片轮播代码码!希望效果如下图,类似也行!

┣▇▇═─JS高手进来 为什么以下JS调用图片轮播代码在IE8 显示不出来⑽е┞┾ǖ
&script language='javascript'&linkarr = new Array();picarr = new Array();textarr = new Array();var swf_width=382;var swf_height=230;var files = &&;var links = &&;var texts = &&;//这里设置调用标记linkarr[1] = &&;picarr[1] = &/templets/new/static/images/eee5.jpg&;textarr[1] = &泉州180荣获首届“健康管理示范基地”称号&;linkarr[2] = &/plus/swt.php&;picarr[2] = &/templets/images/quanzhouyuyue.jpg&;textarr[2] = &了望未来,从TTM健康体检开始&;linkarr[3] = &/plus/swt.php&;picarr[3] = &/templets/new/static/images/eee2.jpg&;textarr[3] = &您的健康笑容是我们最大的宽慰&;linkarr[4] = &/plus/swt.php&;picarr[4] = &/templets/new/static/images/eee3.jpg&;textarr[4] = &健康,从每一天运动开始&;for(i=1;i&picarr.i++){
if(files==&&) files = picarr[i];
else files += &|&+picarr[i];}for(i=1;i&linkarr.i++){
if(links==&&) links = linkarr[i];
else links += &|&+linkarr[i];}for(i=1;i&textarr.i++){
if(texts==&&) texts = textarr[i];
else texts += &|&+textarr[i];}document.write('&object classid=&clsid:d27cdb6e-ae6d-11cf-96b8-&
codebase=&..//pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0/#version=6,0,0,0/default. htm& width=&'+ swf_width +'& height=&'+ swf_height +'&&');document.write('&param name=&movie& value=&templets/new/static/images/bcastr3.swf&&&param name=&quality&
value=&high&&');document.write('&param name=&menu& value=&false&&&param name=wmode value=&opaque&&');document.write('&param name=&FlashVars& value=&bcastr_file='+files+'&bcastr_link='+links+'&&');document.write('&embed src=&templets/new/static/images/bcastr3.swf& wmode=&opaque&
FlashVars=&bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'& menu=&false& quality=&high& width=&'+
swf_width +'& height=&'+ swf_height +'& type=&application/x-shockwave-flash&
pluginspage=&& /&'); document.write('&/object&'); &/script&&/div&演示网址: 我已经帮你测试过了 在IE7里面是可以播放的 但是IE8无法显示这个是IE7/8版本兼容性问题
不同版本浏览器对js解析过程不同现在教你一种最简单也是最常用的方法:加入表头信息&meta http-equiv=&X-UA-Compatible& content=&IE=EmulateIE7& /&放在所有meta最上面,希望能帮您!有上面不懂随时可以问我。
兼_听则明提问者评价奇怪以前我也有用过这样的 但还是没效果,今天把这一句复制上去就有效果了 谢谢
Copyright &
All Rights Reserved.&&求淘宝通栏图片轮播代码,包含js,css,html,类似下图,求各路大神。_百度知道
求淘宝通栏图片轮播代码,包含js,css,html,类似下图,求各路大神。
jpg" target="_blank" title="点击查看大图" class="ikqb_img_alink"><img class="ikqb_img" src="/zhidao/pic/item/9e3df8dcd100baa19cb912c8fc2e0b://b.hiphotos.baidu<a href="http.hiphotos.hiphotos.jpg" esrc="/zhidao/wh%3D600%2C800/sign=db83cacf4a90fe3df8dcd100baa19cb912c8fc2e0b:///zhidao/wh%3D450%2C600/sign=f8764adcb31bbc034af682/9e3df8dcd100baa19cb912c8fc2e0b
提问者采纳
600px:把三张图P到一起.5秒)width增加600px,当width=1800px 设置width=600用firefox的 firebug插件查看元素,html的源代码,假如每张图width,可以找到css,用JS控制每1500毫秒(1,设置成背景。简单的思路。用js操作动画的代码实现的方式不同
这我知道,但是我想要js的。
你能具体发个连接吗?还有你会jq么?
提问者评价
其他类似问题
通栏的相关知识
按默认排序
其他2条回答
不如去网站源码网去看看,感觉很多都类似这个。
自己动手把,用Jquery很简单的
您可能关注的推广回答者:
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁当前位置: >
js带缩略图上下自动轮播相册效果
特效说明:
一款js带缩略图上下自动轮播相册(焦点图)效果,js原生代码,是做新闻焦点图的必备利器,不可不收藏啊!北京网站建设为广大IT爱好者提供高质量、高兼容的javaScript/jQuery网页特效。(兼容测试:IE6及以上、Firefox、Chrome、Opera、Safari、360等主流浏览器)
使用方法:
1、调用CSS样式及JS代码
2、添加HTML代码:
将&!--效果开始--&......&!--End--&之间的html代码;放在&body&&/body&之间。
一款js鼠标拖拉用户评分网页特效,鼠标左键单击拖曳滑过改变分值用户评论功能,类似阿里云主机购买时间拖曳效果。……
一款CSS3漂亮旋转菜单网页特效,CSS3将图片组合成完美车轮图案菜单,鼠标滑过菜单出现映射菜单,酷炫CSS3旋转菜单特效,更多免费下载JS代码请访问科e互联网页特效频道。……
一款jQuery酷炫切换图片焦点图代码网页特效,点击左右按钮或者索引按钮百叶窗、插图、渐变等多样式切换图片,属于站长常用代码,更多免费网页特效下载-科e互联网页特效频道。……
一款网页右上角可关闭动画广告网页特效,动画广告,不影响网页内容,而且用户关注度高,网站上很多叫做撕页广告或者翻页广告,也可以叫书角广告。……
一款jQuery+css带阴影的撕页广告效果网页特效,这种效果常被应用在网页广告中,不影响网页内容,而且用户关注度高,网站上很多叫做撕页广告或者翻页广告,也可以叫书角广告。。……
一款JS鼠标滑过展示大图详细信息网页特效,默认图片列表均匀显示摘要信息,鼠标划入当前图片显示详细信息,其他图片收回显示摘要信息提示。……
一款Swipe动画放大效果的焦点图网页特效,带缩略图渐变切换图片随机移动动画焦点图JS代码网页特效。带左右按钮及点击索引按钮切换图片JS代码!……
一款CSS3网页加载动画图标网页特效网页特效,CSS3网页加载Loading动画。CSS3酷炫网页特效JS代码。……
一款jQuery图片上下左右无缝连续循环滚动网页特效,可同一页面多次调用,可设置滚动速度、图片滚动方向,鼠标滑过停止滚动,支持图片从左向右、从上到下、从右到左、从下到上无……
一款jQuery带缩略图左右按钮渐变切换宽屏焦点图网页特效,兼容IE6宽屏自适应jQuery焦点图代码,大图缩略图,自动轮播及点击按钮渐变切换JS代码。……
最新更新特效
本站关键词
科e互联版权所有京ICP备号-1js图片自动轮播代码分享(js图片轮播)
1、利用图片width显示位置来播放图片,技术:.offsetWidth 、aBtn[i].index = i 、setInterval() 、oUl[0].style.left =& 、onclick()2、利用数组放入图片经行轮播,技术:setInterval()。没有onclick()
图片轮播12js.html 代码如下:&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"&& "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&&html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"&&&head&&&&meta http-equiv="Content-Type" content="text/ charset=ISO-8859-1" /&&&&title&images slide&/title&&&style type="text/css"&&&* {&&&margin: 0&&&padding: 0&&}&&li {&&&list-style:&&}&&img {&&&border: 0;&&}&&a {&&&text-decoration:&&}&&#slide {&&&width: 800&&&height: 400&&&box-shadow: 0px 0px 5px #c1c1c1;&&&margin: 20&&&position:&&&overflow:&&}&&#slide ul {&&&position:&&&left: 0&&&top: 0&&&height: 400&&&width: 11930&&}&&#slide ul li {&&&width: 800&&&height: 400&&&overflow:&&&float:&&}&&#slide .ico {&&&width: 800&&&height: 20&&&overflow:&&&text-align:&&&position:&&&left: 0&&&bottom: 10&&&z-index: 1;&&}&&#slide .ico a {&&&display: inline-&&&width: 10&&&height:10&&&background: url(out.png) no-repeat 0px 0&&&margin: 0px 5&&}&&#slide .ico .active {&&&background: url(out1.png) no-repeat 0px 0&&}&&#btnLeft {&&&width: 60&&&height: 400&&&left: 0&&&top: 0&&&background: url() no-repeat 0px 0&&&position:&&&z-index: 2;&&}&&#btnLeft :hover {&&&background: url() no-repeat 0px 0&&}&&#btnRight {&&&width: 60&&&height: 400&&&right: 0&&&top: 0&&&background: url() no-repeat 0px 0&&&position:&&&z-index: 2;&&}&&#btnRight :hover {&&&background: url() no-repeat 0px 0&&}&&&&/style&&&script type="text/javascript"&&&window.onload = function() {&&&var oIco = document.getElementById("ico");&&&var aBtn = oIco.getElementsByTagName("a");&&&var oSlide = document.getElementById("slide");&&&var oUl = oSlide.getElementsByTagName("ul");&&&var aLi = oUl[0].getElementsByTagName("li");&&&var oBtnLeft = document.getElementById("btnLeft");&&&var oBtnRight = document.getElementById("btnRight");&&&var baseWidth = aLi[0].offsetW&&&//alert(baseWidth);&&&oUl[0].style.width = baseWidth * aLi.length + "px";&&&var iNow = 0;&&&for(var i=0;i&aBtn.i++) {&&&&&aBtn[i].index =&&&&aBtn[i].onclick = function() {&&&&&//alert(this.index);&&&&&//alert(oUl[0].style.left);&&&&&move(this.index);&&&&&//aIco[this.index].className = "active";&&&&}&&&}&&&oBtnLeft.onclick = function() {&&&&iNow ++;&&&&//document.title = iN&&&&move(iNow);&&&}&&&oBtnRight.onclick = function() {&&&&iNow --;&&&&document.title = iN&&&&move(iNow);&&&}&&&var curIndex = 0;&&&var timeInterval = 1000;&&&setInterval(change,timeInterval);&&&function change() {&&&&if(curIndex == aBtn.length) {&&&&&curIndex =0;&&&&&&&} else {&&&&&move(curIndex);&&&&&curIndex += 1;&&&&}
&&&function move(index) {&&&&//document.title =&&&&if(index&aLi.length-1) {&&&&&index = 0;&&&&&iNow =&&&&}&&&&if(index&0) {&&&&&index = aLi.length - 1;&&&&&iNow =&&&&}&&&&for(var n=0;n&aBtn.n++) {&&&&&aBtn[n].className = "";&&&&&}&&&&aBtn[index].className = "active";&&&&oUl[0].style.left = -index * baseWidth + "px";&&&&//buffer(oUl[0],{&&&&//&left: -index * baseWidth&&&&//&},8)&&&}&&}& &/script&& &/head&&body&&&div id="slide"&&&&a id="btnLeft" href="javascript:void(0);" &&/a&&&&a id="btnRight" href="javascript:void(0);" &&/a&&&&!--when change next image:style="left: -(n-1)*800"--&&&&ul&&&&&li&&img src="1.jpg" alt="" /&&/li&&&&&li&&img src="2.jpg" alt="" /&&/li&&&&&li&&img src="3.jpg" alt="" /&&/li&&&&&li&&img src="4.jpg" alt="" /&&/li&&&&&li&&img src="5.jpg" alt="" /&&/li&&&&&li&&img src="6.jpg" alt="" /&&/li&&&&/ul&&&&div id="ico" class="ico"&&&&&&a class="active" href="javascript:void(0);"&&/a&&&&&a href="javascript:void(0);"&&/a&&&&&a href="javascript:void(0);"&&/a&&&&&a href="javascript:void(0);"&&/a&&&&&a href="javascript:void(0);"&&/a&&&&&a href="javascript:void(0);"&&/a&&&&/div&&&/div&&/body&&/html&
图片自动播放.html 代码如下:&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"& &html xmlns="http://www.w3.org/1999/xhtml"& &&head& &&&meta http-equiv="Content-Type" content="text/ charset=utf-8" /& &&&title&images&/title& &&script type="text/javascript"& &&var curIndex = 0; &&var timeInterval = 1000; &&var arr = new Array(); &&arr[0] = "1.jpg"; &&arr[1] = "2.jpg"; &&arr[2] = "3.jpg"; &&arr[3] = "4.jpg"; &&arr[4] = "5.jpg"; &&arr[5] = "6.jpg"; &&arr[6] = "7.jpg"; &&setInterval(changeImg,timeInterval); &&function changeImg() { &&&var obj = document.getElementById("obj"); &&&if (curIndex == arr.length-1) { &&&&curIndex = 0; &&&} else { &&&&curIndex += 1; &&&& } &&&obj.src = arr[curIndex]; &&} &&/script& &&!-- &script language="javascript"& &&setInterval(test,1000); &&var array = new Array(); &&var index = 0; &&var array = new Array("image/1.jpg","image/2.jpg","image/3.jpg","image/4.jpg","image/5.jpg","image/6.jpg","image/7.jpg","image/8.jpg","image/9.jpg","image/10.jpg"); &&function test() { &&&var myimg=document.getElementById("imgs"); &&&if(index==array.length-1) &&&{ index=0; }else{ index++; } &&&myimg.src=array[index]; &&} &&/script& --&&&/head& &&body& &&&img id = "obj" src = "1.jpg" border = 0 /& &&/body& &/html&
顶一下(0) 踩一下(0)
热门标签:

我要回帖

更多关于 js轮播代码 的文章

 

随机推荐