中国色妞,真实的和子乱拍视频网站,日本黄色三级视频

JS+CSS實現圖片放大預覽效果(購物時放在產品上面預覽圖片)

深山行者個人網站 2011/1/27 9:09:51 深山行者字體:大中小瀏覽 39579

以下為詳細代碼

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  <html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <title>JS+CSS實現圖片放大預覽效果（js圖片放大預覽鼠標滑過的任意位置</title>
  <img src="/admin/edit/ewebeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22JavaScript%22%3E%0A%3C!--%0Avar%20srcX%20%3D%201024%3B%20%2F%2F%E5%8E%9F%E5%9B%BE%E5%A4%A7%E5%B0%8F%2C%E5%8F%AF%E4%BB%A5%E4%BB%BB%E6%84%8F%E8%AE%BE%E7%BD%AE%0Avar%20srcY%20%3D%20768%3B%0Avar%20bigX%20%3D%20300%3B%20%2F%2F%E9%A2%84%E8%A7%88%E7%AA%97%E5%A4%A7%E5%B0%8F%2C%E5%8F%AF%E4%BB%A5%E4%BB%BB%E6%84%8F%E8%AE%BE%E7%BD%AE%0Avar%20bigY%20%3D%20225%3B%0Avar%20smallX%20%3D%20300%3B%20%2F%2F%E7%BC%A9%E7%95%A5%E5%9B%BE%E5%AE%BD%E5%BA%A6%0Avar%20smallY%20%3D%20srcY%20*%20smallX%20%2F%20srcX%3B%0Avar%20viewX%20%3D%20bigX%20%2F%20srcX%20*%20smallX%3B%20%2F%2F%E9%A2%84%E8%A7%88%E8%8C%83%E5%9B%B4%0Avar%20viewY%20%3D%20bigY%20%2F%20srcY%20*%20smallY%3B%0Avar%20bl%20%3D%20srcX%20%2F%20smallX%3B%2F%2F%E7%BC%A9%E5%B0%8F%E6%AF%94%E4%BE%8B%0Avar%20border%20%3D%201%3B%20%2F%2F%E8%BE%B9%E6%A1%86%0Awindow.onload%3Dfunction%20()%7B%0A%20%20%20%20%20%20%20%20smallpic.width%3DsmallX%3B%0A%20%20%20%20%20%20%20%20smallpic.height%3DsmallY%3B%0A%20%20%20%20%20%20%20%20bigpic.width%3DsrcX%3B%0A%20%20%20%20%20%20%20%20bigpic.height%3DsrcY%3B%0A%20%20%20%20%20%20%20%20view.style.width%3DviewX%3B%0A%20%20%20%20%20%20%20%20view.style.height%3DviewY%3B%0A%20%20%20%20%20%20%20%20smallbox.style.borderWidth%3Dborder%3B%0A%20%20%20%20%20%20%20%20bigbox.style.borderWidth%3Dborder%3B%0A%20%20%20%20%20%20%20%20if%20(window.event)%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20smallbox.style.width%3Dsmallpic.offsetWidth%2Bborder*2%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20smallbox.style.height%3Dsmallpic.offsetHeight%2Bborder*2%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20bigbox.style.width%3DbigX%2Bborder*2%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20bigbox.style.height%3DbigY%2Bborder*2%3B%0A%20%20%20%20%20%20%20%20%7Delse%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20smallbox.style.width%3Dsmallpic.offsetWidth%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20smallbox.style.height%3Dsmallpic.offsetHeight%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20bigbox.style.width%3DbigX%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20bigbox.style.height%3DbigY%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20move(event)%3B%0A%7D%0Afunction%20move(e)%7B%0A%20%20%20%20%20%20%20%20var%20e%20%3D%20window.event%3Fwindow.event%3Ae%3B%0A%20%20%20%20%20%20%20%20var%20iebug%20%3D%200%3B%0A%20%20%20%20%20%20%20%20if%20(window.event)%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20vX%20%3D%20e.offsetX%20-%20viewX%2F2%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20vY%20%3D%20e.offsetY%20-%20viewY%2F2%3B%0A%20%20%20%20%20%20%20%20%7Delse%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20vX%20%3D%20e.pageX%20-%20viewX%2F2%20-%20smallbox.offsetLeft%20-%20border%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20var%20vY%20%3D%20e.pageY%20-%20viewY%2F2%20-%20smallbox.offsetTop%20-%20border%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20iebug%20%3D%202%3B%0A%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20if%20(vX%20%3C%200)%20vX%20%3D%200%3B%0A%20%20%20%20%20%20%20%20if%20(vY%20%3C%200)%20vY%20%3D%200%3B%0A%20%20%20%20%20%20%20%20if%20(vX%20%3E%20smallX%20-%20viewX%20-%20iebug)%20vX%20%3D%20smallX%20-%20viewX%20-%20iebug%3B%0A%20%20%20%20%20%20%20%20if%20(vY%20%3E%20smallY%20-%20viewY%20-%20iebug)%20vY%20%3D%20smallY%20-%20viewY%20-%20iebug%3B%0A%20%20%20%20%20%20%20%20bigpico.style.marginLeft%20%3D%20-%20vX%20*%20bl%20%0A%20%20%20%20%20%20%20%20bigpico.style.marginTop%20%3D%20-%20vY%20*%20bl%20%0A%20%20%20%20%20%20%20%20view.style.left%20%3D%20vX%20%2B%20smallbox.offsetLeft%20%2B%20border%3B%0A%20%20%20%20%20%20%20%20view.style.top%20%3D%20vY%20%2B%20smallbox.offsetTop%20%2B%20border%3B%0A%7D%0A%2F%2F--%3E%0A%3C%2Fscript%3E">
  <style type="text/css">
  
  </style>
  <body>
  <div id="head"></div>
  <div id="smallbox"><img src="/UploadFiles/demo/002.jpg" _ewebeditor_ta_src="%2Fad%2F002.jpg" name="smallpic" width="300" height="300" border="0" id="smallpic" onmousemove="move(event)" onmouseover="document.getElementById('bigbox').style.display='';document.getElementById('view').style.display=''" onmouseout="document.getElementById('bigbox').style.display='none';document.getElementById('view').style.display='none'"></div>
  <div id="bigbox" style="display:none"><div id="bigpico"><img src="/UploadFiles/demo/002.jpg" _ewebeditor_ta_src="%2Fad%2F002.jpg" name="bigpic" width="300" height="300" border="0" id="bigpic"></div>
  </div>
  <div id="view" onmousemove="move(event) "style="display:none"></div>
  </body>
  </html>

前一頁:javascript編寫的網頁版的打字測試程序

后一頁:支持火狐,IE6.ie7.ie8.ie9的加入收藏/設為首頁代碼

相關閱讀: 非常漂亮的當前頁面內容搜索代碼; 利用css中的scale()實現放大縮小效果; 深山留言板(9.10教師節模板); 旅行社手機網站模板9; 文字間隔翻轉詳解; 請勿在本地站發布亂七八糟的廣告，本站所有的留言與評論全是需要審核的; 在圖片未知尺寸情況下，利用CSS把圖片垂直居中于div中心; 超過服務期限如何辦？

共有0條關于《JS+CSS實現圖片放大預覽效果(購物時放在產品上面預覽圖片)》的評論: 發表評論

正在加載評論......

返回頂部發表評論

呢稱:
表情:
內容:	評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
驗證碼:

網友評論聲明,請自覺遵守互聯網相關政策法規。

您發布的評論即表示同意遵守以下條款:
一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
三、本站對您所發布內容擁有處置權。

更多信息>>欄目類別選擇: 百度小程序開發; 微信小程序開發; 微信公眾號開發; uni-app; asp函數庫; ASP; DIV+CSS; HTML; python

更多>>同類信息: jquery下拉到某個固定位置然后某些元素發生改變樣式狀態; canvas繪制的文字如何換行; 兼容pc、移動端用js實現復制內容到剪切板（支持蘋果safari瀏覽器）; js兼容多個瀏覽器右下角漂浮廣告; 兼容ie6+和火狐的禁止右鍵; 做在線客服時，聊天窗口的div滾動條始終在底部

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車帝小程序; javascript獲取瀏覽器指紋可以用來做投票; 火狐Mozilla Firefox出現：無法載入您的Firefox配置文件它可能已經丟失或是無法訪問問題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過代碼修改pip下載源讓下載庫飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機抽取信息: 汽車交易網站; Object.assign的一些用法; 后臺編輯源碼里有行號; asp隨機顯示圖象; 深山留言板v4.8 - 5.13母親節模板; 旅行社線路主題默認模板2

更多標簽熱門標簽

cpu Application 風格版權聲明教程比例 document JavaScript實現文本框提示效果配色憂化 div的高度 hack 顯示下拉移動豎排長關鍵字加長硬件程序處理輪流 DW 九宮格首頁 word-break expression cookies 變幻對聯絕對管用的iis安裝包下載 base submit 插件文字垂直 relative 格式化 innerText 變化 iis 斷線時鐘 Session 首字母 script 浮動對象鼠標格式加減

伦理片hd-伦理片 在线播放-伦理片 在线-伦理免费在线观看-综合图片区-综合婷婷

JS+CSS實現圖片放大預覽效果(購物時放在產品上面預覽圖片)

伦理片hd-伦理片在线播放-伦理片在线-伦理免费在线观看-综合图片区-综合婷婷