国产99久久精品一区二区永久免费,精品免费在线,国产精品久久福利

本站导航

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

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

以下為詳細代碼

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

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

相關閱讀: 啟動旅行社管理系統3.0的開發服務; 判斷用戶注冊密碼強度的JS代碼; div+css黑色焦點圖(幻燈片效果非常不錯); jquery實現下拉加載更多; asp隨機顯示字符長度與類型（可隨機顯示數字、小寫字母、大寫字母，可以做為隨機密碼使用）; asp設置cookies過期時間的幾種方法; 防止網站內容被人小偷和采集的ASP代碼; 利用css實現圖片選中后顯示文字與圖片效果

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

更多>>隨機抽取信息: CSS初級教程邊框; asp中fso實現對文件或文件夾進行創建刪除等操作函數; 深山留言板(9.10教師節模板); 純div+css制作的彈出菜單-02; 利用ResponseXML的方法調用163天氣預報; Javascript腳本常用代碼

更多標簽熱門標簽

淘寶 slectindext 人生文件夾文件大小 SEO lightbox 簡易設置光標 asp.net 右鍵失效導航 tab 定制九宮格 height hack margin 時鐘 pt relative 繁體 Session 分頁市心情代碼 css 游戲 option 層 img open 自適應 sel 框豎排濾鏡服務器彈窗系統 meta 工具驗證碼 innerHTML 愛墻單選左右全 input 插件蓋樓控件

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

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