一個(gè)跟隨鼠標(biāo)的圖片放大效果,與FF兼容
<div align=center style="overfow: hidden; width: 100px; height: 100px"><img src="/upload/2007426163751315.jpg" width="100" height="100" border="0" onmouseover="show(this)" onmouseout="hide(this)">
</div>
<div align=center style="overfow: hidden; width: 100px; height: 100px">
<img src="/upload/200742616381460.jpg" width="100" height="100" border="0" onmouseover="show(this)" onmouseout="hide(this)">
</div>
<div align=center style="overfow: hidden; width: 100px; height: 100px">
<img src="/upload/200742616383849.jpg" width="100" height="100" border="0" onmouseover="show(this)" onmouseout="hide(this)">
</div>
<div id="enlarge_images" style="position: absolute; z-index:2"></div>
<SCRIPT>
function show(_this) {
document.getElementById("enlarge_images").innerHTML = "<img src='" + _this.src + "' >";
}
function hide(_this) {
document.getElementById("enlarge_images").innerHTML = "";
}
function move_layer(event){
event = event || window.event;
enlarge_images.style.left=event.clientX+document.body.scrollLeft+10;
enlarge_images.style.top=event.clientY+document.body.scrollTop+10;
}
document.onmousemove =move_layer;
</SCRIPT>
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
- 給blog添加效果(計(jì)數(shù)器、天氣預(yù)報(bào)、精美flash時(shí)鐘、跟隨鼠標(biāo)的螢火蟲、跟隨鼠標(biāo)的文字、狀態(tài)欄文本、副標(biāo)
- javascript跟隨鼠標(biāo)x,y坐標(biāo)移動(dòng)的字效果
- javascript跟隨鼠標(biāo)的文字帶滾動(dòng)效果
- jquery實(shí)現(xiàn)的提示浮層跟隨鼠標(biāo)移動(dòng)
- 當(dāng)鼠標(biāo)移動(dòng)到圖片上時(shí)跟隨鼠標(biāo)顯示放大的圖片效果
- js實(shí)現(xiàn)文字跟隨鼠標(biāo)移動(dòng)而移動(dòng)的方法
- javascript實(shí)現(xiàn)圖片跟隨鼠標(biāo)移動(dòng)效果的方法
- 基于jquery實(shí)現(xiàn)人物頭像跟隨鼠標(biāo)轉(zhuǎn)動(dòng)
- jquery實(shí)現(xiàn)背景跟隨鼠標(biāo)滑動(dòng)導(dǎo)航
相關(guān)文章
javascript橢圓旋轉(zhuǎn)相冊(cè)實(shí)現(xiàn)代碼
支持自動(dòng)和手動(dòng)兩種模式:自動(dòng)模式下自動(dòng)旋轉(zhuǎn)展示,手動(dòng)模式下通過鼠標(biāo)選擇當(dāng)前圖片,或通過提供的接口選擇上一張/下一張圖片2012-01-01用javascript實(shí)現(xiàn)的圖片馬賽克后顯示并切換加文字功能
用javascript實(shí)現(xiàn)的圖片馬賽克后顯示并切換加文字功能...2007-04-04javascript實(shí)現(xiàn)網(wǎng)站頂部出現(xiàn)幾秒后圖片緩慢消失的效果
快過年了,很多網(wǎng)站首頁(yè)都放上了新春的祝福,有些是直接換成皮膚了,而有些則是用一張很大的圖片放在網(wǎng)站頂部,在倒數(shù)幾秒后,緩慢升上去直到最后消失。2011-01-01JS實(shí)現(xiàn)鼠標(biāo)移動(dòng)到縮略圖顯示大圖的圖片放大效果
一個(gè)網(wǎng)頁(yè)上用的圖片提示效果,當(dāng)把鼠標(biāo)移動(dòng)到圖片縮略圖的時(shí)候,會(huì)顯示圖片大圖,似乎在網(wǎng)上這是個(gè)很常見的效果,實(shí)現(xiàn)方法也比較多,有人用CSS,有人用JavaScript,有人用jQuery,總之,選擇自己習(xí)慣的方式去實(shí)現(xiàn),就是最棒的。2012-12-12