




已閱讀5頁(yè),還剩4頁(yè)未讀, 繼續(xù)免費(fèi)閱讀
版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)
文檔簡(jiǎn)介
JS圖片幻燈 焦點(diǎn)圖 te 用JS圖片幻燈6焦點(diǎn)圖 body background: #0000; ul padding: 0; margin: 0; li list-style: none; img border: 0; .play width: 400px; height: 430px; margin: 50px auto 0; background: #999; font: 12px Arial; .big_pic width: 400px; height: 320px; overflow: hidden; border-bottom: 1px solid #ccc; background: #222; position: relative; .big_pic li width: 400px; height: 320px; overflow: hidden; position: absolute; top: 0; left: 0; z-index: 0; background: url(/d/demo/flashjs/loading.gif) no-repeat center center; .mark_left width: 200px; height: 320px; position: absolute; left: 0; top: 0; background: red; filter: alpha(opacity:0); opacity: 0; z-index:3000; .mark_right width: 200px; height: 320px; position: absolute; left: 200px; top: 0; background: green; filter: alpha(opacity:0); opacity: 0; z-index:3000; .big_pic .prev width: 60px; height: 60px; background: url(/d/demo/flashjs/btn.gif) no-repeat; position: absolute; top: 130px; left: 10px; z-index: 3001; display: none; cursor: pointer; .big_pic .next width: 60px; height: 60px; background: url(/d/demo/flashjs/btn.gif) no-repeat 0 -60px; position: absolute; top: 130px; right: 10px; z-index: 3001; display: none;cursor: pointer; .big_pic .text position: absolute; left: 10px; top: 302px; z-index: 3000; color: #ccc; .big_pic .length position: absolute; right: 10px; bottom: 4px; z-index: 3000; color: #ccc; .big_pic .bg width: 400px; height: 25px; background: #000; filter: alpha(opacity=60); opacity: 0.6; position: absolute; z-index: 2999; bottom: 0; left: 0; .small_pic width: 380px; height: 94px; position: relative; top: 7px; left: 10px; overflow: hidden; .small_pic ul height: 94px; position: absolute; top: 0; left: 0; .small_pic li width: 120px; height: 94px; float: left; padding-right: 10px; background: url(/d/demo/flashjs/loading.gif) no-repeat center center; cursor: pointer; filter: alpha(opacity=60); opacity: 0.6; .small_pic img width: 120px; height: 94px; var g_aImgInfo=info: 都市魅力, href: /,info: 古香古色, href: /,info: 沉浸舞步的舞者, href: /,info: 名貴跑車, href: /,info: 聆聽天籟的精靈, href: /,info: 絢彩光芒, href: /;var oDiv=null;var oUlContent=null;var oUlBtn=null;var aLiImg=null;var aLiBtn=null;var oBtnPrev=null;var oBtnNext=null;var oTxtInfo=null;var oTxtLength=null;var oMarkPrev=null;var oMarkNext=null;var g_aTimerImg=;var g_aTimerBtn=;var g_oTimerUl=null;var g_oTimerAutoPlay=null;var g_aLiBtnAlpha=;var g_iNowImg=0;var g_iZIndexBase=2;window.onload=function ()var i=0;/獲取各類元素oDiv=document.getElementById(playimages);oUlContent=oDiv.getElementsByTagName(ul)0;oUlBtn=oDiv.getElementsByTagName(ul)1;oBtnPrev=oDiv.getElementsByTagName(div)0;oBtnNext=oDiv.getElementsByTagName(div)1;oTxtInfo=oDiv.getElementsByTagName(div)2;oTxtLength=oDiv.getElementsByTagName(div)3;oMarkPrev=oDiv.getElementsByTagName(a)0;oMarkNext=oDiv.getElementsByTagName(a)1;aLiImg=oUlContent.getElementsByTagName(li);aLiBtn=oUlBtn.getElementsByTagName(li);/為元素添加屬性oTxtInfo.innerHTML=g_aImgI;oTxtLength.innerHTML=1/+aLiImg.length;oMarkPrev.href=g_aImgInfo0.href;oMarkNext.href=g_aImgInfo0.href;oBtnPrev.miaovOpacity=0;oBtnNext.miaovOpacity=0;oBtnPrev.miaovTime=0;oBtnNext.miaovTime=0;oUlBtn.style.width=aLiBtn0.offsetWidth*aLiBtn.length+px;/為元素添加事件function showPrev()showBtn(oBtnPrev);hideBtn(oBtnNext);stopAutoPlay();function showNext()hideBtn(oBtnPrev);showBtn(oBtnNext);stopAutoPlay();function hideAll()hideBtn(oBtnPrev);hideBtn(oBtnNext);startAutoPlay();oMarkPrev.onmouseover=showPrev;oBtnPrev.onmouseover=showPrev;oMarkNext.onmouseover=showNext;oBtnNext.onmouseover=showNext;oBtnPrev.onmouseout=hideAll;oBtnNext.onmouseout=hideAll;oMarkPrev.onmouseout=hideAll;oMarkNext.onmouseout=hideAll;oBtnPrev.onmousedown=gotoPrev;oBtnNext.onmousedown=gotoNext;oUlBtn.onmouseover=stopAutoPlay;oUlBtn.onmouseout=startAutoPlay;for(i=0;iaLiBtn.length;i+)aLiBtni.miaovIndex=i;aLiBtni.onmouseover=function ()if(g_iNowImg!=this.miaovIndex)showLiBtn(this.miaovIndex);aLiBtni.onmouseout=function ()if(g_iNowImg!=this.miaovIndex)hideLiBtn(this.miaovIndex);aLiBtni.onmousedown=function ()gotoImg(this.miaovIndex);g_aTimerBtni=null;g_aLiBtnAlphai=60;g_aLiBtnAlpha0=100;startAutoPlay();function showBtn(oBtn)if(oBtn.miaovTimer)clearInterval(oBtn.miaovTimer);oBtn.miaovTimer=setInterval(function ()if(oBtn.miaovOpacity0)oBtn.miaovOpacity-=10;oBtn.style.filter=alpha(opacity:+oBtn.miaovOpacity+);oBtn.style.opacity=oBtn.miaovOpacity/100;elseoBtn.style.display=none;oBtn.style.filter=;oBtn.style.opacity=;clearInterval(oBtn.miaovTimer);oBtn.miaovTimer=0;, 30);function gotoImg(index)if(index=g_iNowImg)return;aLiImgindex.style.height=0px;aLiImgindex.style.display=block;aLiImgindex.style.zIndex=g_iZIndexBase+;if(g_aTimerImgindex)clearInterval(g_aTimerImgindex);g_aTimerImgindex=setInterval(slideDown(+index+), 30);for(i=0;i=oUlContent.offsetHeight)h=oUlContent.offsetHeight;clearInterval(g_aTimerImgindex);g_aTimerImgindex=null;aLiImgindex.style.height=h+px;function gotoNext()gotoImg(g_iNowImg+1)%aLiImg.length);function gotoPrev()gotoImg(g_iNowImg-1+aLiImg.length)%aLiImg.length);function showLiBtn(index)if(g_aTimerBtnindex)clearInterval(g_aTimerBtnindex);g_aTimerBtnindex=setInterval(showLiBtnInner(+index+), 30);function showLiBtnInner(index)var alpha=g_aLiBtnAlphaindex+10;if(alpha=100)aLiBtnindex.style.filter=;aLiBtnindex.style.opacity=1;clearInterval(g_aTimerBtnindex);g_aTimerBtnindex=null;elseaLiBtnindex.style.filter=alpha(opacity:+alpha+);aLiBtnindex.style.opacity=alpha/100;g_aLiBtnAlphai
溫馨提示
- 1. 本站所有資源如無(wú)特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
- 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間,僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理,對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
- 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容,請(qǐng)與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。
最新文檔
- 智力基礎(chǔ)測(cè)試題及答案
- 清單制度面試題及答案
- 在建工程消防安全知識(shí)培訓(xùn)
- 發(fā)熱患者護(hù)理常規(guī)
- 回腸造瘺管護(hù)理
- 采購(gòu)財(cái)務(wù)知識(shí)培訓(xùn)
- 腫瘤登記報(bào)告卡規(guī)范與實(shí)施
- 客戶經(jīng)理十個(gè)嚴(yán)禁培訓(xùn)
- 班長(zhǎng)質(zhì)量培訓(xùn)課件
- 新源縣哈拉布拉鎮(zhèn)麥后復(fù)播大豆高產(chǎn)栽培技術(shù)
- 2型糖尿病診治課件
- 現(xiàn)代機(jī)械強(qiáng)度理論及應(yīng)用課件匯總?cè)譸pt完整版課件最全教學(xué)教程整套課件全書電子教案
- JJG 818-2018磁性、電渦流式覆層厚度測(cè)量?jī)x-(高清現(xiàn)行)
- 職業(yè)技能鑒定題庫(kù)-《電氣試驗(yàn)》
- 萬(wàn)瑋:《班主任兵法》
- 防汛物資檢查記錄
- 施工現(xiàn)場(chǎng)防火的安全管理制度
- 零星維修工程項(xiàng)目方案施工組織計(jì)劃
- FM筋膜手法(課堂PPT)
- 采礦工程畢業(yè)設(shè)計(jì)(畢業(yè)論文)
- 厭氧膠(MSDS)
評(píng)論
0/150
提交評(píng)論