实现jquery放大镜的两种方法

jquery写的两种放大镜效果,没有使用到插件。调理和思路清晰。不是使用面向对象方式写的,初学者较容易看懂。废话不多说,看代码。图片这里就不上传了,大家自己找下。最好是找到比例的,这样效果比较好。

创新互联公司-专业网站定制、快速模板网站建设、高性价比临猗网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式临猗网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖临猗地区。费用合理售后完善,十年实体公司更值得信赖。

 
  

css代码

*{padding: 0; margin: 0;} 
  #father .small{width: 50px; height: 50px; border: 2px solid #ccc; bottom: 0; position: absolute;} 
  #father .second{left: 70px;} 
  .third{left: 140px;} 
  #father{position: relative; top: 100px; left: 50px; height: 460px;} 
  #container{position: absolute; width: 400px; height: 400px;} 
  #container img{position: absolute; display: none;} 
 
  .shade{width: 200px; height: 200px; position: absolute; background: #000; opacity: 0.4; top: 0; 
    left: 0; display: none;} 
  .big{width: 400px; height: 400px; position: absolute; top: 100px; overflow: hidden; left: 500px; display: none;} 
  .big img{width: 800px; height: 800px; position: absolute; display: none;} 

js代码

 
   
   

网页名称:实现jquery放大镜的两种方法
文章转载:http://bzwzjz.com/article/gigjss.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 手机网站建设 企业网站设计 成都网站建设公司 外贸网站建设 成都网站建设 温江网站设计 手机网站制作 温江网站设计 营销型网站建设 成都响应式网站建设 高端定制网站设计 成都网站设计 企业网站建设 手机网站制作设计 做网站设计 公司网站建设 成都网站建设 达州网站设计 四川成都网站制作 重庆电商网站建设 成都网站建设 网站建设推广