淘寶HTML圖片自動切換有123那些的就是鼠標(biāo)移到到1就切換到第一次圖(必須HTML代碼) 純HTML.淘寶店鋪模塊里圖片自動切換代碼!
把如下代碼加入<body>區(qū)域中
<body onclick=Clicked()>
<SCRIPT>
<!--
transeffect = 0;
theeffects = new Array(24);
theeffects[0] = “盒狀收縮“;
theeffects[1] = “盒狀向外“;
theeffects[2] = “圓形收縮“;
theeffects[3] = “圓形向內(nèi)“;
theeffects[4] = “從下向上“;
theeffects[5] = “從上向下“;
theeffects[6] = “從左向右“;
theeffects[7] = “從右向左“;
theeffects[8] = “百頁窗形向右“;
theeffects[9] = “百頁窗形向下“;
theeffects[10] = “棋盤形交叉向右“;
theeffects[11] = “棋盤形交叉向下“;
theeffects[12] = “隨意溶解形“;
theeffects[13] = “左右向內(nèi)“;
theeffects[14] = “左右向外“;
theeffects[15] = “上下向內(nèi)“;
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></DIV><IMG 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>中的內(nèi)容改為:
<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','http://www.windstudio.net/banner/banner1.gif','http://www.windstudio.net')
zhuanti[2]=new ztstr('2','http://www.windstudio.net/banner/banner2.gif','http://www.windstudio.net')
zhuanti[3]=new ztstr('3','http://www.windstudio.net/banner/banner3.gif','http://www.windstudio.net')
zhuanti[4]=new ztstr('4','http://www.windstudio.net/banner/banner4.gif','http://www.windstudio.net')
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(nn>imgcount) 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(tt<1) 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<=spacewidth&&dmheight<=0)
{
divmask.style.visibility='hidden'
clearTimeout(hdrun)
swapPic()
}
}
</script>
第二步、調(diào)用定義好的javascript函數(shù),在<body>里加上以下代碼:
<body onload=swapPic()>
第三步、在頁面中插入圖片和鏈接:
<a href=javascript :void(null) onclick='javascript :pictarget();return false;'><img src="http://www.windstudio.net/banner/banner1.gif" width=468 height=60 border=0 name=pic style="visibility:hidden;filter:revealtrans(duration=2.0,transition=12)"></a>
好,到這里就大功告成了。另外,試試改變transition的數(shù)值,可以得到不同的轉(zhuǎn)換效果喲~~
試試這個圖片切換
有12345數(shù)字一起切換
鼠標(biāo)點一下數(shù)字會變換到另一張圖片,不點就會自動換
里面有教程和源碼
這是js代碼:
function sk(k){
for(b=1;b<6;b++){
if(k == b){
document.getElementById("liimg"+b).src = "img/sz"+b+".png";
document.getElementById("img"+b).style.display = "block";
}else{
document.getElementById("liimg"+b).src = "img/sz_"+b+"_2.jpg";
document.getElementById("img"+b).style.display = "none";
}
}
}
function wohuan(k){
for(p=1;p<6;p++){
var lei = document.getElementById("img"+p).style.display;
if(lei == "block"){
var t=p+k;
if(t<1){
sk(5);
break;
}else if(t>5){
sk(1);
break;
}else{
sk(t);
break;
}
}
}
}
var f =setInterval("wohuan(1)",2000);
這是html代碼:
<div id="imghuan">
<div id="img1" style="display:block">
<a href="#" title="jfsk" target="_blank"><img src="img/biantu.jpg" width="385" height="276" style="margin-top:3px" /></a>
<a href="#" title="dkf" target="_blank"><p class="imgxp">到交罰款的減肥蒂芬來的地方</p></a>
</div>
<div id="img2" style="display:none">
<a href="#" title="jfsk" target="_blank"><img src="img/v.jpg" width="385" height="276" style="margin-top:3px" /></a>
<a href="#" title="dkf" target="_blank"><p class="imgxp">到交dddddddddddddddddd的地方</p></a>
</div>
<div id="img3" style="display:none">
<a href="#" title="jfsk" target="_blank"><img src="img/fz1.jpg" width="385" height="276" style="margin-top:3px" /></a>
<a href="#" title="dkf" target="_blank"><p class="imgxp">到交罰gdfgfg款的減肥蒂芬來的地方</p></a>
</div>
<div id="img4" style="display:none">
<a href="#" title="jfsk" target="_blank"><img src="img/01.jpg" width="385" height="276" style="margin-top:3px" /></a>
<a href="#" title="dkf" target="_blank"><p class="imgxp">到交罰款的sfddsf來的地方</p></a>
</div>
<div id="img5" style="display:none">
<a href="#" title="jfsk" target="_blank"><img src="img/cgwfjbw-index_r2_c14.jpg" width="385" height="276" style="margin-top:3px" /></a>
<a href="#" title="dkf" target="_blank"><p class="imgxp">到交罰款的減肥蒂芬來的地方</p></a>
</div>
<div id="ulhuan">
<ul class="huanul">
<li><a onmouseover="sk(1)"><img src="img/sz1.png" id="liimg1" /></a></li>
<li><a onmouseover="sk(2)"><img src="img/sz_2_2.jpg" id="liimg2" /></a></li>
<li><a onmouseover="sk(3)"><img src="img/sz_3_2.jpg" id="liimg3" /></a></li>
<li><a onmouseover="sk(4)"><img src="img/sz_4_2.jpg" id="liimg4" /></a></li>
<li><a onmouseover="sk(5)"><img src="img/sz_5_2.jpg" id="liimg5" /></a></li>
</ul>
</div>
</div>
這個我知道,我就在用,一定沒問題的。
<DIV class="slider-promo J_Slider" style="HEIGHT: 500px">
<ul>
<li><A style="WIDTH: 750px; HEIGHT: 500px" href="超鏈接一"><img style="WIDTH: 750px; HEIGHT: 500px" alt="" src="圖片一"></A>
<li><A style="WIDTH: 750px; HEIGHT: 500px" href="超鏈接二" target=blank><img style="WIDTH: 750px; HEIGHT: 500px" alt="" src="圖片二"></A>
<li><A style="WIDTH: 750px; HEIGHT: 500px" href="超鏈接三" target=blank><img style="WIDTH: 750px; HEIGHT: 500px" alt="" src="圖片三"></A></li></ul></DIV>
注:1.增加<li></li>可以增加圖片
2.style="WIDTH: 750px; HEIGHT: 500px"改圖片尺寸
3.建議使用相同尺寸的圖片,否則失真。
希望對你有幫助,生意興隆
不支持js,肯定弄不了html的,還有flash的,但這個也得要js文件在里面,手動寫,最后也得讓js來實現(xiàn),它幾秒翻到下一張圖片,肯定得用腳本來執(zhí)行
要不你就放個假的上去。
HTML中如何連接本地圖片?
需要準(zhǔn)備的材料分別有:電腦、瀏覽器、html編輯器。1、首先,打開html編輯器,新建html文件,例如:index.html。2、在index.html中的<body>標(biāo)簽中,輸入html代碼:<img src="small3.png" \/>。3、瀏覽器運行index.html頁面,此時添加的本地圖片的路徑是相對路徑。
自動擋123什么意思
自動擋的123,代表的是變速箱的低擋模式。掛入3,變速箱的擋位只會在1、2、3擋直接切換;掛入2,變速箱的擋位只會在1、2擋直接切換;掛入1,變速箱只會在1擋。最常見的情況,就是上下坡時使用。坡越大,擋越低。另外,下雨天、冰雪天路滑時、堵車時都可以用到。在上長、陡的坡道時,...
尿不濕上的123是什么意思
如果當(dāng)尿不濕都包不住寶寶屁屁了,或者尿不濕背面的腰貼都快貼不到數(shù)字“3”的時候,就說明是時候要更換大一號的尿不濕了。每個型號的尿不濕都有數(shù)字標(biāo)記的,所以在操作使用的時候以此類推即可。除以上所言及的,寶寶在日常生活中使用的日用品還有很多,而寶寶還小還不能明確地向父母表達(dá)自己...
135編輯器圖片大小超出限制怎么辦
將文檔壓縮成PDF文件上傳3打開Word文檔,點擊文件選項。123編輯器調(diào)整不了圖片的大小應(yīng)該是超出限制了123編輯器對圖片有限制的,如果超出了,可以考慮壓縮一下圖片再重新上傳之后再編輯;超出限制編輯文章時需要插入圖片輔助文字內(nèi)容閱讀,可以選擇單張或多張圖片上傳在頂部工具欄找到單圖上傳按鈕,從本地文件...
123愛情代表什么意思
123代表我愛你。1、歌曲名字 鄧麗君有一首歌,歌名叫做愛情123,用123來代指愛情也就是可以理解的了。畢竟,鄧麗君在華語樂壇還是非常經(jīng)典的人物了。除此以外,還有臺灣組合的一首123木頭人,也是和愛情相關(guān)的。2、諧音意義 從數(shù)字諧音上來看,也是可以解讀的。1就代表要,2就代表愛,3則是一生一世...
d檔123是什么意思啊(自動擋車d擋后面123是什么意思)
所以車子起步加速的時候使用1擋開始起步加速,因為1擋的扭力最大,加速自然也就是最快了。汽車自動擋d跟123怎么切換 S檔則是指的車輛的普通前進(jìn)檔,L檔則指的是低檔模式。可以在車輛行駛過程中直接切入L檔而無需剎車停車,但是車速高或者發(fā)動機(jī)轉(zhuǎn)速高時不要這樣操作。一般自動擋車輛變速箱的擋位有P,...
hao123網(wǎng)址后有indexwa.html是怎么回事
這幾天 hao123服務(wù)器改了,他把原來的index.html改成indexwa.html然后訪問www.hao123.com其實是訪問服務(wù)器www.hao123.com\\index.html自然變成了www.hao123.com\\indexwa.html
格蘭仕空調(diào)睡眠模式123是干什么用的?
格蘭仕空調(diào)睡眠模式123是指睡眠曲線。1是指自定義寶寶睡眠。2是指自定義成人睡眠。3是指自定義老年人睡眠。不同的內(nèi)睡眠空調(diào)運行的方式不一樣的。空調(diào)即空氣調(diào)節(jié)器(Air Conditioner)。是指用人工手段,對建筑或構(gòu)筑物內(nèi)環(huán)境空氣的溫度、濕度、流速等參數(shù)進(jìn)行調(diào)節(jié)和控制的設(shè)備。一般包括冷源\/熱源設(shè)備,...
螞蟻森林123g是什么能量啊
螞蟻森林123g代表的是:1、行走 步行越多,能量越多,最多每日296克。2、線下支付 使用支付寶線下支付、能量產(chǎn)生為5g\/筆。3、生活繳費 使用繳水費、電費、燃?xì)赓M,都可獲得綠色能量。能量產(chǎn)生為262g\/筆。4、網(wǎng)絡(luò)購票 購票淘寶電影票、演出票。能量產(chǎn)生為180g\/筆。5、網(wǎng)購火車票 在12306\/飛豬上使用...
詳解html5中的template標(biāo)簽
<pre>里面有個<img>標(biāo)簽,顯示的則是一張圖片,而<xmp>呈現(xiàn)的就是一段HTML代碼。不過,與<textarea>一樣,內(nèi)容不顯示的話,還需要額外的設(shè)置display: none;上面這個<template>標(biāo)簽上沒有設(shè)置display: none;,注意到了沒有。為何?這只是發(fā)揮了<template>標(biāo)簽元素的原本特性,天生display:none,同時...
相關(guān)評說:
呼和浩特市公制: ______ 看這里你就會 一步步教你怎樣將相冊圖片插到自己的寶貝描述?http://pcbaby888.blog.sohu.com/132214987.html
呼和浩特市公制: ______ 試試這個圖片切換有12345數(shù)字一起切換鼠標(biāo)點一下數(shù)字會變換到另一張圖片,不點就會自動換里面有教程和源碼 參考資料: http://www.blueidea.com/common/shoutbox/redir.asp?7=p&id=10895 http://zhengzhan88.taobao.com
呼和浩特市公制: ______ 腳本說明: 第一步:把如下代碼加入<meta http-equiv="Content-Language" content="zh-cn"> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <head>區(qū)域中 <script> <!--// //定義圖片的寬度和高度,所有的圖片...
呼和浩特市公制: ______ html格式<...
呼和浩特市公制: ______ 試試這個圖片幻燈片 有12345數(shù)字一起切換 有小圖大圖一起切換 里面有教程和源碼
呼和浩特市公制: ______ 把代碼放在自定義標(biāo)簽里調(diào)用一樣的,或者直接放在網(wǎng)站上
呼和浩特市公制: ______ 試試這個圖片切換 有12345數(shù)字一起切換 鼠標(biāo)點一下數(shù)字會變換到另一張圖片,不點就會自動換 里面有教程和源碼
呼和浩特市公制: ______ 1、賣家登陸裝修店鋪; 2、點擊添加模塊; 3、點擊圖片輪播,編輯,插入圖片; 4、保存設(shè)置即可 .
呼和浩特市公制: ______ 如果JS CSS代碼 不多的話,可以直接嵌入到HTML代碼 中, 太多的話沒辦法了其實有的淘寶店的切換效果就做的一個GIF圖片動畫
呼和浩特市公制: ______ 寫一段js,在懶人圖庫里面找“焦點圖”,就會有源碼下載,你去看看然后引用一下就OK了.