[問題] 超級無敵菜鳥問一個問題...

看板Web_Design作者 (~Halcyon Days~)時間13年前 (2011/03/02 10:34), 編輯推噓3(308)
留言11則, 3人參與, 最新討論串1/1
我是純粹很有興趣, 但是真的除了很早以前學過html 沒有學過任何進階一下的東西~~ 唯一做過的網頁是google site的那種~~XD 最近試著用之前推文講的放大鏡功能 http://www.mind-projects.it/projects/jqzoom/index.php#download 完全照下載下來的demo,只把圖片改掉,路徑改掉, 做一個滑鼠經過可以放大的圖片... 可是現在問題是,我從網路上下載板型... 我要怎麼應用到新的版型上呢?? 我只知道我下載的版型是要把圖片放在這裡: <!-- Content:Begin --> <div style="display: block;"><div id="content1"><div style="display: block;"><div style="display: block;"><img alt="" src="圖片路徑"> </div><div style="display: block;"></div></div></div></div> <!-- Content:End --> 請問我要把原始碼複製貼在上面這串程式碼的哪裡呢?? 我知道這可能是非常白目的問題,可是我真的不會... 希望版上的大大們,大發慈悲的教我一下吧 非常非常非常謝謝大家!!! 放大鏡的原始碼是: <html> <head> <title>JQzoom Demo</title> <script src="../js/jquerymin.js" type="text/javascript"></script> <script src="../js/jqzoom.pack.js" type="text/javascript"></script> <link rel="stylesheet" href="../css/jqzoom.css" type="text/css"> <style type"text/css"> div.notes{ font-size:12px; } div.notes a{ color:#990000; } </style> <script type="text/javascript"> $(function() { $(".jqzoom").jqzoom(); }); </script> </head> <body> <div id="content" style="margin-top:300px;margin-left:300px;"><a href="computer.jpg" class="jqzoom" style="" title="computer"><a href="computer.jpg" class="jqzoom" style="" title="computer"><img src="computer_small.jpg" width="229" height="242" align="bottom" style="border: 1px solid #666;" title="computer"></a></a><br> <div class="notes"></div> </div> </body></html> -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 98.230.25.254

03/03 05:12, , 1F
它主要是抓CSS的class或id選擇器 例如class="MYCLASS"
03/03 05:12, 1F

03/03 05:12, , 2F
然後JS那邊就要寫 $('.MYCLASS).jqzoom(options);
03/03 05:12, 2F

03/03 05:13, , 3F
EXSAMPLE那邊還有6種樣式可以選也有教
03/03 05:13, 3F

03/03 12:23, , 4F
謝謝樓上的解答^^ (雖然有看沒有懂..真的很菜)
03/03 12:23, 4F

03/03 12:24, , 5F
請問class=notes和 class=my class有甚麼不同阿?
03/03 12:24, 5F

03/04 21:31, , 6F
就不一樣阿 就像你叫sluggard我叫s25g5d4一樣
03/04 21:31, 6F

03/04 21:32, , 7F
不過要說以上那種的區別應該算是id 因為id不能重複..
03/04 21:32, 7F

03/04 21:32, , 8F
class是可以重複的... 他就像在某個東西上貼標籤 這樣比
03/04 21:32, 8F

03/04 21:33, , 9F
較好知道他在幹嘛 也可以用CSS將他定義樣式或是用js抓出來
03/04 21:33, 9F

03/04 21:33, , 10F
03/04 21:33, 10F

03/04 22:05, , 11F
class就是一種命名方式 class="名字"JS在指定名字作效果
03/04 22:05, 11F
文章代碼(AID): #1DRQorFf (Web_Design)