亚洲免费在线视频,av电影手机在线看,欧美日本韩国一区二区三区

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

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

以下為詳細代碼

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

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

相關閱讀: jquery下拉到某個固定位置然后某些元素發生改變樣式狀態; uniapp的rich-text組件注入的a標簽點擊跳轉處理; httpd.ini一些參數說明; 越獄ios老應用老游戲合集下載; 河南省中國青年旅行社; css里expression實現界面對象的批量控制; 北京順義阿來電腦科技有限公司; asp中Request.ServerVariables能獲取的信息整理總結

共有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顯示隨機密碼; CSS常用網站布局實例; 昌平歡樂之旅旅行社; Word圖片導出方法; 旅行社巴黎游主題模板效果; 幾個經典的css技巧

更多標簽熱門標簽

vb link 風格 dd email cpu 分隔符列獲得日歷數據庫高亮 Dreamweaver DIV+CSS做的透明菜單兼容IE、FF等 alert 營銷統計過期標語鏈接樣式 IP img 調節絕對管用的iis安裝包下載顏色 dt access Javascript實現CSS代碼高亮顯示1 青春 border letter-spacing 不對齊技巧 time html 框架限制壓縮 height word-break 動態表格 tags textarea 彈出 web2.0 SEO 增大變大九宮格

天天射射天天_久久com_99这里只有精品视频_爱色av_国产在线a_99日韩

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