日韩欧美卡一卡二,综合网伊人,激情综合一区二区三区

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

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

以下為詳細代碼

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

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

相關閱讀: windows xp設置IIS。; NameError: name ‘xxx‘ is not defined問題總結; CSS代碼格式化和壓縮化; 黃河龍城2015最幸福情侶投票選舉; 留言板留言板V7.22; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; 網頁中Flash彈出網頁窗口的詳細講解; 深山旅行社管理系統有后臺測試嗎？

共有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還有其它的嗎

更多>>隨機抽取信息: asp事務處理 for mssql; 好用的免費桌面gif錄制作屏幕軟件; 超級實用且不花哨的js代碼大全( 5 ); 非常不錯的頁面搜索器,還可以移動; Python pandas刪除指定行/列數據的方法實例; 默認系統

更多標簽熱門標簽

VBScript blog 繁體版權企業事務等高文化右鍵 relative 憂化相冊漸隱分頁固定瀏覽器 link 框注冊表無限 css 透明半透明替換搜索 text 原則表格電腦連云港旅游 cpu outerHTML 源碼購物對象滑輪模式第幾樓類別青春留言字母 tab 控制 box 收藏 DOCTYPE 名稱 Request 日期柱狀

国产一二区视频_国产一区二区免费_亚洲精选一区_久久精品1_午夜av免费在线观看_在线观看日韩欧美

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