用一段js程序来实现动画功能_javascript技巧
自从ie对flash的显示方式进行改变后,flash这个东西一下子变成了一个鸡肋。
许许多多的网站都撤掉了以前的flash动画,改用一段js程序来实现动画功能.
csdn首页也是如此。。我无聊,自己写了一个,特点如下:
1.对搜索引擎友好
2.对美工友好,因为数据和代码是分开的,完全不懂js的都可以用fontpage修改动画内容
可以把js代码保存为一个文件 然后<script></script>,然后无须修改代码一个字母
就可以在多个页面中实现动画了
代码如下:

href="http://www.baidu.com/" for="http://zi.csdn.net/xian.gif" target="_blank">1.CSDN程序员href="http://www.126.com/" for="http://zi.csdn.net/microsoft280_187.jpg" target="_blank">2.CSDN程序员href="http://mp3.baidu.com/" for="http://zi.csdn.net/live.gif" target="_blank">3.CSDN程序员href="http://post.baidu.com/" for="http://zi.csdn.net/new-mba.gif" target="_blank">4.CSDN程序员href="http://top.baidu.com/" for="http://zi.csdn.net/book.jpg" target="_blank">5.CSDN程序员
<script> <BR>function f(){ <BR> var g_sec=3 //几秒后切换图片 <BR> var g_items=new Array() <BR> var g_div=document.getElementById("g_div") <BR> var g_img=document.getElementById("g_img") <BR> var g_imglink=g_img.parentElement <BR> var arr=g_div.getElementsByTagName("A") <BR> var arr_length=arr.length <BR> var g_index=1 <br><br> var show_img=function(n){ <BR> if (/\d+/.test(n)){ <BR> var prev=g_index+1 <BR> g_index=n-1 <BR> }else{ <BR> var prev=(g_index>arr.length)?(arr_length-1):g_index+1 <BR> g_index=(g_index<arr_length-2)?(++g_index):0 <BR> } <BR> if (document.all){ <BR> g_img.filters.revealTrans.Transition=23; <BR> g_img.filters.revealTrans.apply(); <BR> g_img.filters.revealTrans.play(); <BR> } <BR> arr[prev].className="b" <BR> arr[g_index+1].className="bhover" <BR> g_img.src=g_items[g_index].img.src <BR> g_img.title=g_items[g_index].txt <BR> g_imglink.href=g_items[g_index].url <BR> g_imglink.target=g_items[g_index].target <br><br> } <br><br> for(var i=1;i<arr_length;i++){ <BR> g_items.push({txt:arr[i].innerHTML, <BR> url:arr[i].href, <BR> target:arr[i].target, <BR> img:(function(){var o=new Image;o.src=arr[i].getAttribute("for");return o})()}) <BR> arr[i].title=arr[i].innerHTML <BR> arr[i].innerHTML=[i," "].join("") <BR> arr[i].className="b" <BR> arr[i].onclick=function(){ <BR> event.returnValue=false; <BR> show_img(event.srcElement.innerText) <BR> } <BR> } <BR> show_img(1) <BR> var t=window.setInterval(show_img,g_sec*1000) <BR> g_img.onmouseover=function(){window.clearInterval(t)} <BR> g_img.onmouseout=function(){t=window.setInterval(show_img,g_sec*1000)} <BR>} <br><br>window.attachEvent("onload",f) <BR></script>

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

不同JavaScript引擎在解析和執行JavaScript代碼時,效果會有所不同,因為每個引擎的實現原理和優化策略各有差異。 1.詞法分析:將源碼轉換為詞法單元。 2.語法分析:生成抽象語法樹。 3.優化和編譯:通過JIT編譯器生成機器碼。 4.執行:運行機器碼。 V8引擎通過即時編譯和隱藏類優化,SpiderMonkey使用類型推斷系統,導致在相同代碼上的性能表現不同。

Python更適合初學者,學習曲線平緩,語法簡潔;JavaScript適合前端開發,學習曲線較陡,語法靈活。 1.Python語法直觀,適用於數據科學和後端開發。 2.JavaScript靈活,廣泛用於前端和服務器端編程。

JavaScript是現代Web開發的核心語言,因其多樣性和靈活性而廣泛應用。 1)前端開發:通過DOM操作和現代框架(如React、Vue.js、Angular)構建動態網頁和單頁面應用。 2)服務器端開發:Node.js利用非阻塞I/O模型處理高並發和實時應用。 3)移動和桌面應用開發:通過ReactNative和Electron實現跨平台開發,提高開發效率。

本文展示了與許可證確保的後端的前端集成,並使用Next.js構建功能性Edtech SaaS應用程序。 前端獲取用戶權限以控制UI的可見性並確保API要求遵守角色庫

我使用您的日常技術工具構建了功能性的多租戶SaaS應用程序(一個Edtech應用程序),您可以做同樣的事情。 首先,什麼是多租戶SaaS應用程序? 多租戶SaaS應用程序可讓您從唱歌中為多個客戶提供服務

從C/C 轉向JavaScript需要適應動態類型、垃圾回收和異步編程等特點。 1)C/C 是靜態類型語言,需手動管理內存,而JavaScript是動態類型,垃圾回收自動處理。 2)C/C 需編譯成機器碼,JavaScript則為解釋型語言。 3)JavaScript引入閉包、原型鍊和Promise等概念,增強了靈活性和異步編程能力。

JavaScript在Web開發中的主要用途包括客戶端交互、表單驗證和異步通信。 1)通過DOM操作實現動態內容更新和用戶交互;2)在用戶提交數據前進行客戶端驗證,提高用戶體驗;3)通過AJAX技術實現與服務器的無刷新通信。

JavaScript在現實世界中的應用包括前端和後端開發。 1)通過構建TODO列表應用展示前端應用,涉及DOM操作和事件處理。 2)通過Node.js和Express構建RESTfulAPI展示後端應用。
