歡迎來到Linux教程網
設為首頁 加入收藏
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> jQuery通過設置元素的屬性實現圖片隨機切換

jQuery通過設置元素的屬性實現圖片隨機切換

日期：2017/3/1 10:58:55   编辑：Linux編程

jQuery通過設置元素的屬性實現圖片隨機切換:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title>設置元素的屬性(二)</title>
  5. <script type="text/javascript" src="../Jscript/jquery-1.4.2.js">
  6. </script>
  7. <script type="text/javascript" src="../Jscript/jquery-1.4.2-vsdoc.js">
  8. </script>
  9. <style type="text/css">
  10. body {
  11. font-size: 12px
  12. }
  14. .clsSpn {
  15. float: left;
  16. padding-top: 10px;
  17. padding-left: 10px
  18. }
  20. .clsImg {
  21. border: solid 1px #ccc;
  22. padding: 3px;
  23. float: left
  24. }
  25. </style>
  26. <script type="text/javascript">
  27. $(function() {
  28. $("img").attr("src", function() {
  29. return "../Images/img0" + Math.floor(Math.random() * 2 + 1) + ".jpg"
  30. }); //設置src屬性 通過隨機生成數字。。。因此每次生成的Src都不同，從而實現頁面上圖片的隨機切換。
  31. $("img").attr("title", "這是一幅風景畫"); //設置title屬性
  32. $("img").addClass("clsImg"); //增加樣式
  33. })
  34. </script>
  35. </head>
  36. <body>
  37. <img alt="" src="../Images/img03.gif" style="float: left" />
  38. </body>
  39. </html>

Linux編程

Parse Server 支持 iOS 和Android的消息推送

C++中函數占位符在函數重載中的作用

微軟2014校園招聘筆試試題

Android簡單的動態控制軟鍵盤的顯隱

Android簡單的廣告控件View

Linux Input子系統(中)--設備的注冊和打開

移植內核時make menuconfig 提示錯誤

C#筆記---動態類(Dynamic)應用

Linux教程網

體驗QQ for Linux

騰訊剛剛發布了QQ for Linux，我在第一時間進行了試用。我使用的操作系統

顯示器很閃的問題？

Java調用Linux命令行

Linux inode 耗盡導致圖片/文件無法上傳的解決方法

Java線程 公平鎖 ReentrantLock(boolean fair)

Android帶進度條的通知欄(源碼)

在Ubuntu 10.10 上安裝node.js

嵌入式Linux裸機開發（八）――S5PV210中斷處理流程

Android 4應用動畫案列一

相关文章
Linux編程SHELL編程PERL編程
文章推荐
热点聚焦

U-Boot 頂層Makefile解析

Linux設備驅動中的並發控制

Android 用一個監聽器實現多個監聽

GCC編譯器的使用

Android 調用 資源目錄下xml文件中的屬性

AT91SAM9261的LINUX2.6 GPIO與GPIO中斷

C語言將字符串轉換成對應的數字(十進制、十六進制)

字符串匹配算法的C/C++實現-算法導論

Hadoop常見重要命令行操作及命令作用

Android解析XML文件

Copyright © Linux教程網 All Rights Reserved