jQuery-图片的放大镜显示效果(需要大小图)
2024-08-29 16:08:27
1.default.aspx
<%@ Page Language=.2em; height:.1em; text-align:center; font-size:128px;}
.zxx_image_zoom_list img.zxx_zoom_image{padding:3px; border:1px solid #cccccc; background:white; vertical-align:middle; position:relative;}
.zxx_image_zoom_list:hover,.zxx_image_zoom_list:hover img.zxx_zoom_image{border-color:#ff3300;}
.zxx_image_zoom_div{width:200px; height:200px; padding:3px; background:white; border:1px solid #cccccc; text-align:center; position:absolute; z-index:; left:; top:; overflow:hidden;}
</style>
<script type=;;;;;;};;};};}; color:#00F; font-size:12px; white-space:pre-wrap; word-wrap:break-word;}
.zxx_btn{display:inline-block; background:url(../image/down_btn.png) no-repeat; padding-left:25px;}
.zxx_btn span{display:inline-block; height:45px; line-height:45px; background:url(../image/down_btn.png) no-repeat right top; padding:0 45px 0 20px; cursor:pointer;}
.zxx_btn:hover{text-decoration:none; color:#34538b;}
.zxx_image_zoom_list img.zxx_zoom_image{padding:3px; border:1px solid #cccccc; background:white; vertical-align:middle; position:relative;}
.zxx_image_zoom_list:hover,.zxx_image_zoom_list:hover img.zxx_zoom_image{border-color:#ff3300;}
.zxx_image_zoom_div{width:200px; height:200px; padding:3px; background:white; border:1px solid #cccccc; text-align:center; position:absolute; z-index:; left:; top:; overflow:hidden;}
</style>
<script type=;;;;;;};;};};}; color:#00F; font-size:12px; white-space:pre-wrap; word-wrap:break-word;}
.zxx_btn{display:inline-block; background:url(../image/down_btn.png) no-repeat; padding-left:25px;}
.zxx_btn span{display:inline-block; height:45px; line-height:45px; background:url(../image/down_btn.png) no-repeat right top; padding:0 45px 0 20px; cursor:pointer;}
.zxx_btn:hover{text-decoration:none; color:#34538b;}
最新文章
- 我的angularjs源码学习之旅1——初识angularjs
- Eclipse设置风格
- BZOJ 1251: 序列终结者
- jQuery获取页面及个元素高度、宽度
- 有损FLV视频的画面宽高比修改方案
- AngularJS html+DOM+ng-click事件
- Android常见控件— — —ProgressBar
- 小白学Linux(二)--命令行基本操作
- PHP(一)OOP基础
- Linux新手随手笔记1.6
- C# 当中 foreach 的原理
- PAT A1020
- hdoj:2033
- Spring Boot + Spring Cloud 实现权限管理系统 后端篇(九):代码整理优化
- 转:Android开发:使用DDMS Heap进行内存泄露调试
- typedef与前向声明
- EOJ 3256 拼音魔法
- 斗地主AI
- Swiper正方体,左右翻转轮播图
- TCP系列26—重传—16、重组包
热门文章
- 数据库排序规则的冲突(理解collate Chinese_PRC_CI_AS)
- SSAS——基础--cube
- EF4 Model 代码生成EFPowerTools,Vs2015不支持,自己封装一个
- C++(十四) — 常用快捷键总结
- Eclipse集成c与c++
- JedisPool的配置参数整理
- LeetCode OJ:Sort List(排序链表)
- LeetCode OJ:Minimum Depth of Binary Tree(二叉树的最小深度)
- jquery的插件选择chosen的使用
- 魔法效果——dijkstra+堆(邻接表存储)