欧美一区二区在线,久久综合一区,日日夜夜天天

當(dāng)鼠標(biāo)移到圖片上時會發(fā)生夢幻般輪流變化的圖片特效

網(wǎng)絡(luò) 2008/6/7 22:38:41 深山行者字體:大中小瀏覽 12276

以下為詳細(xì)代碼

[當(dāng)鼠標(biāo)移到圖片上時會發(fā)生夢幻般輪流變化的圖片特效]共3步
1、將以下代碼加入<head></head>之間
<style>
.filter1 {filter:revealTrans(Duration=2.0,Transition=23)}
</style>
2.在<body>語句中加入:onload="startChange()"
例如：<body  onload="startChange()">
3.將以下代碼加入<body></body>之間
<script language="JScript">
var cache1, cache2, vache3;
cache1 = new Image();
cache1.src = "/UploadFiles/demo/003.jpg";
cache2 = new Image();
cache2.src = "/UploadFiles/demo/004.jpg";
cache3 = new Image();
cache3.src = "/UploadFiles/demo/002.jpg";
var i = 0;
var j = 0;
var l = 0;
function changeImgSrc(imgsrc,dur,trans)
{
idLogo.className = "filter1";
idLogo.filters[0].Apply();
idLogo.filters.revealTrans.transition=trans;
idLogo.filters.revealTrans.duration=dur;
idLogo.src = imgsrc;
idLogo.filters[0].Play();
}
function startChange()
{
t = setInterval("changeImg()",10000);
}
function changeImg()
{
var e = idLogo.src;
i++;
j = i % 3;
if (j == 0) changeImgSrc("/UploadFiles/demo/004.jpg",1,23);
if (j == 1) changeImgSrc("/UploadFiles/demo/003.jpg",1,23);
if (j == 2) changeImgSrc("/UploadFiles/demo/002.jpg",1,23);
i = (i > 30000) ? 0 : i;
}
function doOver()
{
var e = event.srcElement;
l = (l == 0) ? 1 : 0;
if (l == 0)
{
if (j == 1) changeImgSrc("/UploadFiles/demo/003.jpg",0.5,12);
if (j == 2) changeImgSrc("/UploadFiles/demo/002.jpg",0.5,12);
if (j == 0) changeImgSrc("/UploadFiles/demo/004.jpg",0.5,12);
} else
{
if (j == 1) changeImgSrc("/UploadFiles/demo/004.jpg",0.5,12);
if (j == 2) changeImgSrc("/UploadFiles/demo/002.jpg",0.5,12);
if (j == 0) changeImgSrc("/UploadFiles/demo/003.jpg",0.5,12);
}
clearInterval(t);
}
function doOut()
{
var e = event.srcElement;
if (j == 1) changeImgSrc("/UploadFiles/demo/004.jpg",0.5,12);
if (j == 2) changeImgSrc("/UploadFiles/demo/003.jpg",0.5,12);
if (j == 0) changeImgSrc("/UploadFiles/demo/002.jpg",0.5,12);
t = setInterval("changeImg()",10000);
}
</script>
<img id="idLogo" src="/UploadFiles/demo/002.jpg"  width=500 height=320  onmouseover="doOver()" onmouseout="doOut()">

前一頁:利用CSS的position定位屬性定義一個頂部飄動的柳葉效果非常酷

后一頁:圖片漸顯輪流播放

相關(guān)閱讀: css　a標(biāo)簽與如何利用css中text-indent實現(xiàn)文章縮進; ASP.NET常用的三十三種實用代碼(下); 連云港紅發(fā)廊; asp用BcO將二進制轉(zhuǎn)八進制然后再OcB將八進制轉(zhuǎn)二進制; 深山留言板情人節(jié)效果; 可以用作后臺的超級強的變色表格; 一個可以說是超級變態(tài),超級強的DIV+CSS應(yīng)用; 安卓ES文件瀏覽器訪問電腦上共享文件夾設(shè)置

共有0條關(guān)于《當(dāng)鼠標(biāo)移到圖片上時會發(fā)生夢幻般輪流變化的圖片特效》的評論: 發(fā)表評論

正在加載評論......

返回頂部發(fā)表評論

呢稱:
表情:
內(nèi) 容:	評論內(nèi)容:不能超過 1000 字,需審核,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗證碼:

網(wǎng)友評論聲明,請自覺遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

您發(fā)布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權(quán)益;
二、不得發(fā)布國家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對自己在本站的言論和行為負(fù)責(zé);
三、本站對您所發(fā)布內(nèi)容擁有處置權(quán)。

更多信息>>欄目類別選擇: 百度小程序開發(fā); 微信小程序開發(fā); 微信公眾號開發(fā); uni-app; asp函數(shù)庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: div+css黑色焦點圖(幻燈片效果非常不錯); javascript實現(xiàn)圖片預(yù)覽功能; 比較實用的利用javascript按比例相應(yīng)縮放圖片大小; 一個效果非常不錯圖片載入loading等待效果; 利用css實現(xiàn)圖片選中后顯示文字與圖片效果; 利用CSS里面的A:hover鼠標(biāo)滑過縮略圖時放大圖片

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現(xiàn)：無法載入您的Firefox配置文件它可能已經(jīng)丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: 四川省中國青年旅行社有限公司總部; 讓asp立即輸出緩存（Response.flush），實時顯示進度; asp正則替換內(nèi)容里的CSS樣式; iis點開后任務(wù)欄上有顯示，但是窗口看不到的解決辦法; Python拼接字符串的幾種方式; asp怎么得到像論壇一樣的第幾樓分頁

更多標(biāo)簽熱門標(biāo)簽

方法 img 判斷翻滾案例下載高亮框 box 字體提交換行字符滑輪 dt 2.0 成功憂化下拉框策劃十字閉合分頁廣告 asp 超出記錄 Abandon IE8 文化對話框時間留言鏈接復(fù)選框 Margin加倍列 strong lightbox FlashFxp 繁體調(diào)節(jié) 表單程序 Application 漸隱按鈕 onmouserout 絕對生成器

99亚洲_成人性视频免费网站_av在线播放网址_免费成人在线网站_亚洲综合婷婷_亚洲一区二区国产

當(dāng)鼠標(biāo)移到圖片上時會發(fā)生夢幻般輪流變化的圖片特效