一区二区三区免费,天操天天干,综合色导航

當鼠標移到圖片上時會發生夢幻般輪流變化的圖片特效

網絡 2008/6/7 22:38:41 深山行者字體:大中小瀏覽 12257

以下為詳細代碼

[當鼠標移到圖片上時會發生夢幻般輪流變化的圖片特效]共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定位屬性定義一個頂部飄動的柳葉效果非常酷

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

相關閱讀: uni-app自定義loading組件; 建國60周年（紅色）留言板模板; 利用javascript讓PNG透明圖片支持支持(IE6、IE7、firefox下測試通過); 06 iis中Server Application Error問題如何修復; 網站提示錯誤頁面，幾秒后返回首頁; ASP FSO讀取XX文件夾下的所有文件與創建使用時間; 超過服務期限如何辦？; IE6下用CSS使PNG半透明背景圖片效果

共有0條關于《當鼠標移到圖片上時會發生夢幻般輪流變化的圖片特效》的評論: 發表評論

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

返回頂部發表評論

呢稱:
表情:
內容:	評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼:

網友評論聲明,請自覺遵守互聯網相關政策法規。

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

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

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

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

更多>>隨機抽取信息: 一個利用純java做的非常漂亮的頁面背景花瓣效果; 新疆中國國際旅行社有限責任公司; ASP 格式化顯示時間為幾個月,幾天前,幾小時前,幾分鐘前,或幾秒前; 圖片上傳時，如果格式不正確，跳出警告; 淘寶產品首字母類別效果; ASP與ACCESS數據庫鏈接代碼

更多標簽熱門標簽

關鍵詞導航重復憂化經典郵箱日期右鍵失效查找蓋樓客戶端學習舒服數據庫固定保護眼睛的電腦色界面 innerHTML 時鐘焦點絕對 confirm cpu 返回 link 電影告滑過浮動 Session 搜索引擎鏈接樣式網站地圖 Alpha 評論 rss ie slectindext 配色 163 photoshop iframe 上下左右 lightbox 驗證碼 asasds 彩色關鍵字物理蜘蛛

99热热热_国产成人自拍一区_欧美一级网站_99热在线播放_国产精品乱码一区二区三区_久久精品国产一区二区三区

當鼠標移到圖片上時會發生夢幻般輪流變化的圖片特效