淘宝图片自动切换代码（淘宝滚动图片代码）

今天给各位分享淘宝图片自动切换代码的知识，其中也会对淘宝滚动图片代码进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、淘宝HTML图片自动切换有123那些的就是鼠标移到到1就切换到第一次图（必须HTML代码）
• 2、请问淘宝的图片轮播代码是什么？
• 3、帮忙写下 淘宝可以用鼠标移过去图片会自动切换的代码onmouseover onmouseout 之类的谢谢

淘宝HTML图片自动切换有123那些的就是鼠标移到到1就切换到第一次图（必须HTML代码）

第一种：

把如下代码加入body区域中

body onclick=Clicked()

SCRIPT

!--

transeffect = 0;

theeffects = new Array(24);

theeffects[0] = “盒状收缩“;

theeffects[1] = “盒状向外“;

theeffects[2] = “圆形收缩“;

theeffects[3] = “圆形向内“;

theeffects[4] = “从下向上“;

theeffects[5] = “从上向下“;

theeffects[6] = “从左向右“;

theeffects[7] = “从右向左“;

theeffects[8] = “百页窗形向右“;

theeffects[9] = “百页窗形向下“;

theeffects[10] = “棋盘形交叉向右“;

theeffects[11] = “棋盘形交叉向下“;

theeffects[12] = “随意溶解形“;

theeffects[13] = “左右向内“;

theeffects[14] = “左右向外“;

theeffects[15] = “上下向内“;

theeffects[16] = “上下向外“;

theeffects[17] = “条纹状向左下“;

theeffects[18] = “条纹状向左上“;

theeffects[19] = “条纹状向右下“;

theeffects[20] = “条纹状向右上“;

theeffects[21] = “溶解水平状“;

theeffects[22] = “溶解上下状“;

theeffects[23] = “随着溶解“;

current_image = “image1“;

function Clicked() {

var the_image, the_other;

text2.style.visiblity=“hidden“;

if (image1.style.visibility==“inherit“) {

the_image = image2;

the_other = image1;

}

else {

the_image = image1;

the_other = image2;

}

the_other.style.visibility=“hidden“;

the_image.filters.item(0).Apply();

the_image.filters.item(0).Transition = transeffect;

the_image.filters.item(0).Play(2.0);

the_image.style.visibility=“inherit“;

text2.innerText=theeffects[transeffect];

transeffect++;

if (transeffect == 24)

transeffect = 0;

text2.style.visibility=“visible“;

}

//--

/SCRIPT

DIV id=image

DIV id=text1/DIVIMG id=image1

src=“Upfiles/200422684962.gif“

style=“FILTER: revealTrans(Duration=3.0,Transition=1); VISIBILITY: hidden“ IMG id=image2 src=“Upfiles/200422684962.gif“

style=“FILTER: revealTrans(Duration=3.0,Transition=1); VISIBILITY: hidden“ /DIV

DIV id=text2/DIV

第二步：把body中的内容改为：

body bgcolor=“#fef4d9“ onclick=Clicked()

over feboy

第二种：

第一步、把下面这段代码插入到页面的head与/head之间：

script language=javascript

isns = navigator.appName == "Netscape";

function ztstr(id,picurl,linkurl)

{

this.id=id

this.picurl=picurl

this.linkurl=linkurl

}

zhuanti=new Array()

imgcount=1;

frequency=10*1000;//30秒

//在这里修改图片的路径和链接

zhuanti[1]=new ztstr('1','','')

zhuanti[2]=new ztstr('2','','')

zhuanti[3]=new ztstr('3','','')

zhuanti[4]=new ztstr('4','','')

imgcount=zhuanti.length-1

for(i=1;i=imgcount;i++)

{

eval_r("img"+i+"=new Image()")

eval_r("img"+i+".src=zhuanti["+i+"].picurl")

}

nn=1

var rand1 = 0;

var useRand = 0;

function swapPic() {

var imgnum = zhuanti.length - 1;

do {

var randnum = Math.random();

rand1 = Math.round((imgnum - 1) * randnum) + 1;

} while (rand1 == useRand);

useRand = rand1;

// alert(useRand);

nn=useRand;

change_img();

}

function change_img()

{

eval_r('document.pic.src=img'+nn+'.src');

nn++;

if(nnimgcount) nn=1

if(!isns)

{

pic.filters.item(0).apply()

pic.style.visibility='visible'

pic.filters.item(0).play()

setTimeout("pic.style.visibility='hidden'",frequency);

}

else

document.pic.visibility='visible'

tt=setTimeout('change_img()',frequency)

}

function pictarget()

{

tt=nn-1

if(tt1) tt=imgcount

cururl=zhuanti[tt].linkurl

window.open(cururl);

}

function ini()

{

if(!isns)

{

spacewidth=Math.round((divmask.offsetWidth-770)/2)

dmwidth=770+spacewidth

dmheight=divmask.offsetHeight

totalstep=50

timeout=50

dmstepw=Math.round(770/totalstep)

dmsteph=Math.round(dmheight/totalstep)

setTimeout('hidimg()',3000)

}

else swapPic()

}

function hidimg()

{

dmwidth-=dmstepw

dmheight-=dmsteph

eval_r('divmask.style.clip="rect(0,'+dmwidth+','+dmheight+',0)"')

hdrun=setTimeout('hidimg()',timeout)

if(dmwidth=spacewidthdmheight=0)

{

divmask.style.visibility='hidden'

clearTimeout(hdrun)

swapPic()

}

}

/script

第二步、调用定义好的javascript函数，在body里加上以下代码：

body onload=swapPic()

第三步、在页面中插入图片和链接：

a href=javascript :void(null) onclick='javascript :pictarget();return false;'img src="" width=468 height=60 border=0 name=pic style="visibility:hidden;filter:revealtrans(duration=2.0,transition=12)"/a

好，到这里就大功告成了。另外，试试改变transition的数值，可以得到不同的转换效果哟~~

请问淘宝的图片轮播代码是什么？

亲 是下面这个 一、带渐变效果的淘宝店铺促销轮播代码： DIV class="slider-promo J_Slider J_TWidget tb-slide" style="HEIGHT: 400px" data-widget-config="{'effect':'fade','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide" ul class="lst-main tb-slide-list" style="HEIGHT: 400px" liA target=_blank href="#"img alt="" src="图片地址1"/A/li liA target=_blank href="#"img alt="" src="图片地址2"/A/li liA target=_blank href="#"img alt="" src="图片地址3"/A/li liA target=_blank href="#"img alt="" src="图片地址4"/A/li/ul ul class=lst-trigger 二、淘宝促销轮播代码之渐变效果代码解释： HEIGHT: 400px 设置你的轮播模块高度，根据你的促销图片的尺寸来设置，此版本轮播是4张图片，且4张图片宽度、高度分别统一。本设置在代码中有两处。 A target=_blank href="#" “#”代表你的促销商品的链接网址，共有4处。 img alt="" src="图片地址1" “图片地址1”设置你促销图片的网络地址，也有4处。 如果还不可以的话 我给你我写的帖子看看

求采纳

帮忙写下 淘宝可以用鼠标移过去图片会自动切换的代码onmouseover onmouseout 之类的谢谢

如果你有CSS权限 你可以用hover代替 但效果会很挫

如果连CSS权限都没有 那就是扯淡了 别想了

因为onmouse事件淘宝一律屏蔽过滤

或者~~你可以购买模板

关于淘宝图片自动切换代码和淘宝滚动图片代码的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。