Jquery Magnify Plugin 放大鏡效果 One
Jquery1.3.2Lib下載地址:https://files.cnblogs.com/davidzhou/jquery-1.3.2.rar
插件
下載地址:
https://files.cnblogs.com/davidzhou/jquery.magnify-1.0.2.rarDemo
下載地址:
https://files.cnblogs.com/davidzhou/MagnifySol.rar
Jquery Magnify Plugin 說明
代碼 |
javascript引用:
客戶端代碼:
javascript代碼:
$(document).ready(function(){ //$("#d1").magnify();不帶任何設置的應用
$("#d1").magnify({ showEvent: 'click', hideEvent: 'click', lensWidth: 70, lensHeight: 70, preload: false, stagePlacement: 'right', loadingImage: 'Images/ajax-loader.gif', lensCss: { backgroundColor: '#fff', border:'1px', opacity: 0.5 }, stageCss: { border: '1px solid #000'} });
} )
|
應用設置說明: |
showEvent:'click' [由物件的click事件來開始顯示放大鏡效果], hideEvent:'click' [由物件的click事件來隱藏放大鏡效果], lensWidth: 70 [鼠標在小圖片中移動的鏡頭寬度], lensHeight: 70 [鼠標在小圖片中移動的鏡頭高度], preload: false [是否預先加載], stagePlacement: 'right' [放大後圖片相對與小圖片顯示的位置], loadingImage: 'Images/ajax-loader.gif' [加載圖片時提示的小圖片], lensCss: { backgroundColor: '#fff', border: '0px', opacity: 0.5 } [小圖片中移動的鏡頭的樣式], stageCss: { border: '1px solid #000'} [放大後圖片的顯示樣式] |
如果您认为这篇文章还不错或者有所收获,您可以通过右边的“打赏”功能 打赏我一杯咖啡【物质支持】,也可以点击右下角的【店长推荐】按钮【精神支持】,因为这两种支持都是我继续写作,分享的最大动力!
衷心感谢打赏者的厚爱与支持!也感谢点赞和评论的园友的支持!谢谢!打赏时您可以备注或联系告知我您希望下方出现的打赏者格式! |
打赏者 |
打赏金额 |
打赏次数 |
打赏日期 |
dotnet的诱惑 | 2.00 | 1 | 2016-04-11 |
鬼脚君 | 5.00 | 1 | 2016-04-24 |