目前我想做的一個相簿瀏覽的網頁,使用JQuery來使用,小弟對JQuery非常初學,甚至很少使用,
通常都是搞PHP,不過老闆交代還是要搞出來
程序如下 當滑鼠移到img(縮圖)的元素 會在上方的div裡面顯示 原圖
自己實做的code
head
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script>
$("img").mouseenter(function(){
$("#not").??();//這邊就卡了....
});
</script>
body
<div id="not"></div>
<img src="images/123.JPG" width="100" height="50" /> <img src="images/345.JPG" width="100" height="50" />
請各位幫忙大大指導,感謝!!
已邀請的邦友 {{ invite_list.length }}/5
chingfeng提到：
請各位幫忙大大指導,感謝!!
打錯了，是鷹槽...
cdfu提到：
打錯了，是陰槽...
cdfu提到：
鷹槽
calvinkuo提到：
話說怎麼到鷹槽...
就鷹道直走看到鷹莖右轉就看到了....
)
<script>
$(document).ready(function(){
$("img").mouseenter(function(){
//$("#not").html("<img src=\"" + this.src + "\" />");
var link = this.src.substr(this.src,27);
var str = this.src.substr(27);
$("#not").html("<img src=\""+ link + '0' + str + "\" />");
}).mouseleave(function(){
$("#not").html("");
});
});
</script>
wiselou提到：
帶入的原本就是你的縮圖咩.
wiselou提到：
人家的code用『this.src』
這樣簡單秀可以嗎
<pre class="c" name="code">
$(document).ready(function(){
$("img").mouseenter(function(){
$("#not").html("<img src=\"" + this.src + "\" />");
});
});
就是這樣 這位大大非常感謝妳 原來我還少了一堆東西 看來又要好好研究 6H後最佳解
要加個mouseleave....當滑鼠移開時，隱藏。
不用給他用太好 做的太好會養成老闆的習慣
哈~mouseleave就交給樓主研究了~
劇透太深會被打飛~
chingfeng提到：
做的太好會養成老闆的習慣
敢情...鷹老闆是想用這個系統閱兵是吧...
<pre class="c" name="code">
<script>
$(document).ready(function(){
$("img").mouseenter(function(){
$("#not").html("<img src=\"" + this.src + "\" />");
});
});
$(document).ready(function(){
$("img").mouseleave(function(){
$("#not").html("裡面可以放第一張圖也可以空白");
});
});
</script>
放第一張圖
這樣...會不會有bug？？
要測試一下咧...
XD對吼會有問題 選擇器部分 還是給他空白就好了
不過我絕得不要加mouseleave會比較好看 想看另一張圖在滑過去就好了
再劇透一下....
mouseleave 直接串再後面就可以了吧?
<pre class="c" name="code">
$(document).ready(function(){
$("img").mouseenter(function(){
$("#not").html("<img src=\"" + this.src + "\" />");
}).mouseleave(function(){
$("#not").html("");
});
});
iThome鐵人賽
看影片追技術