jQuery弹出美女大图片

效果:http://hovertree.com/texiao/jqimg/2/效果图:下载:http://hovertree.com/h/bjaf/jdaqepet.htmHTML代码:转自:htt

大家好,又见面了,我是全栈君,今天给大家准备了Idea注册码。

效果:http://hovertree.com/texiao/jqimg/2/

效果图:
jQuery弹出美女大图片

下载:http://hovertree.com/h/bjaf/jdaqepet.htm

HTML代码:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery实现点击小图弹出大图 - 何问起 </title><base target="_blank"/>
<link href="http://hovertree.com/texiao/jqimg/2/css/style.css" rel="stylesheet" type="text/css" />
<style>
body {
margin: 0;
padding: 0;

}
body img {
width: 300px;
height: 200px;
}#hovertreephoto a{color:cadetblue}
</style>
</head>
<body>
<div style="width:960px; margin:0 auto" id="hovertreephoto">
<h1>jQuery点击弹出大图,可以放大为原图,可以放大缩写和关闭。</h1>
<a href="http://hovertree.com/h/bjaf/i3ptrtqm.htm">原文</a> <a href="http://hovertree.com/">首页</a> <a href="http://hovertree.com/texiao/">特效库</a><br />
<img class="test" src="http://hovertree.com/texiao/jqimg/2/photo/1.jpg" alt="">
<img class="test" src="http://hovertree.com/texiao/jqimg/2/photo/2.jpg" alt="">
<img class="test" src="http://hovertree.com/texiao/jqimg/2/photo/3.jpg" alt="">
</div>
<script type="text/javascript" src="http://down.hovertree.com/jquery/jquery-1.12.3.min.js"></script>
<script type="text/javascript" src="http://hovertree.com/texiao/jqimg/2/js/jquey-bigic.js"></script>
<script type="text/javascript">
$(function(){
$('#hovertreephoto img').bigic();
});
</script>
</body>
</html>

转自:http://hovertree.com/h/bjaf/i3ptrtqm.htm

推荐:http://www.cnblogs.com/roucheng/p/datuceng.html

特效库:http://www.cnblogs.com/roucheng/p/texiao.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/120582.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Gamma校正原理及python实现

    Gamma校正原理及python实现Gamma校正原理:  假设图像中有一个像素,值是200,那么对这个像素进行校正必须执行如下步骤:  1.归一化:将像素值转换为0~1之间的实数。算法如下:(i+0.5)/256这里包含1个除法和1个加法操作。对于像素A而言,其对应的归一化值为0.783203。  2.预补偿:根据公式,求出像素归一化后的数…

    2022年9月22日
    0
  • WiFi 2.4G和5G信道分布说明(认证相关)

    WiFi 2.4G和5G信道分布说明(认证相关)FCC36,40,44,48,52,56,60,64,100,104,108,112,116,136,140,149,153,157,161,165IC 36,40,44,48,52,56,60,64,149,153,157,161ETSI 36,40,44,48,52,56,60,64,100,104,108,112,116,120,124,128,132,136,140SPAIN 36,40,44,48,52,56,60,64,100,104,108,112,116,120,124.

    2022年6月3日
    38
  • EXCEL利用VBA把汉字转拼音(李晓锋版)20180828更新「建议收藏」

    EXCEL利用VBA把汉字转拼音(李晓锋版)20180828更新「建议收藏」EXCEL利用VBA把汉字转换为拼音,现在网络中广泛传播的代码存在错误,经过本人严格校对,把修正后的代码分享给大家。代码更新20180607:根据评论,之前的代码的确是无法翻译“瑜琦钰奕”这四个字的拼音,原因是他们的码值没有包含在代码中,现在已添加相应代码。谢谢 likewam  的评论。另外,希望大家能把自己使用过程中发现的所有不能转换的汉字都添加到评论,让我们一起来完善这部分代…

    2022年6月21日
    19
  • DirectX修复工具V4.1公测![通俗易懂]

    DirectX修复工具V4.1公测![通俗易懂]最后更新于2019-9-6DirectX修复工具V3.9版已经正式发布了!还是像原来一样,共提供三个版本以供不同用户进行选择,请直达链接下载:标准版,增强版,在线修复版。以下的公测说明已经失效,仅供参考。———————————————————————-…

    2022年6月12日
    32
  • 常用存储过程语法

    常用存储过程语法 前面学过了基本的存储过程,见 存储过程入门 现在学一下常用的存储过程的语法,只要花一点点时间学习下,就能用存储过程实现很复杂的功能,可以少写很多代码。 为了方便说明,数据库使用SQLServer的示例数据库,Northwind和pubs,如果SQLServer中没有的话,可以按下面的方法安装1,下载SQL2000SampleDb.msi,下载地址是:http://ww

    2022年7月17日
    13
  • JavaScript获取路径

    JavaScript获取路径

    2022年1月1日
    40

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号