鼠标悬停 图片自动放大功能 jquery
来源:互联网 发布:英语翻译发音软件 编辑:程序博客网 时间:2024/05/18 06:52
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script><style>ul,li{ list-style:none; float:left; }</style><script>$(function(){ $("#gallery li").mouseover(function(){var y = $(this).offset().top+50;var x = $(this).offset().left+50;var imgsrc = $(this).children().attr("src");var html = "<div id='pop' style='position:absolute; top:"+y+"px;left:"+x+"px;'> <img src='"+imgsrc+"' width='400' height='300'/></div>";$("body").append(html);});$("#gallery li").mouseout(function(){$("#pop").remove();}); })</script><ul id="gallery"> <li><img src="http://m2.quanjing.com/2m/sps009/4251r-4561.jpg" width="60" height="60"></li></ul>
0 0
- 鼠标悬停 图片自动放大功能 jquery
- 鼠标悬停图片放大
- 图片鼠标悬停放大
- jQuery 鼠标悬停时放大图片的效果
- jquery鼠标悬停图片放大滑动显示标题
- css鼠标悬停 图片放大
- 鼠标悬停之放大图片的效果
- 鼠标悬停图片放大提示效果
- css实现鼠标悬停图片放大显示
- css实现鼠标悬停图片放大显示
- 鼠标悬停,图片向四周放大效果
- <title>鼠标悬停图片放大</title>
- jquery实现鼠标悬停时图片的外框大小不变而图片放大
- jquery鼠标悬停时的放大图片的图片提示效果
- Jquery实现鼠标移动,放大图片的功能
- HTML5 心形图片墙 鼠标悬停放大图片
- 鼠标悬停商品图片,图片放大,并且可拖动
- jquery 鼠标经过放大图片
- 4-1 Percolate Up and Down (20分)
- Ubuntu16.04 搜狗输入法切换中英文
- Linux_CentOS下调整home和根分区大小
- Python 单元测试:assertTrue 和assertFalse 的真假
- 借助YunOS ,开发技术、运营能力大幅提升
- 鼠标悬停 图片自动放大功能 jquery
- spark 连接openfire服务器错误:Certificate hostname verification failed Spark
- CSS3变形和动画:旋转、扭曲、缩放、位移、矩阵 、原点 transform-origin、过渡属性 transition-property、过渡所需时间 transition-duration...
- 【拓扑排序】hdu 1285
- android 解决Failed to install *.apk on device 'emulator-5554': timeout 超时问题
- springmvc+hibernate实现记住密码
- 编写Java无脚本的JSP页面
- 自定义oracle函数入门
- 安卓自学,手机上的横竖屏切换,状态栏隐藏