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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Redis应用-异步消息队列与延时队列

    Redis应用-异步消息队列与延时队列

    2022年2月18日
    32
  • svn 冲突解决办法(黄色感叹号)

    svn 冲突解决办法(黄色感叹号)

    2021年10月19日
    63
  • Linux dstat 监控工具[通俗易懂]

    Linux dstat 监控工具[通俗易懂]简述dstat是一个可以取代vmstat,iostat,netstat和ifstat这些命令的多功能产品。dstat克服了这些命令的局限并增加了一些另外的功能,增加了监控项,也变得更灵活了。dstat可以很方便监控系统运行状况并用于基准测试和排除故障。dstat可以让你实时地看到所有系统资源,例如,你能够通过统计IDE控制器当前状态来比较磁盘利用率,或者直接通过网络带宽数值来比较磁盘…

    2022年6月18日
    28
  • 卷积神经网络及其在图像处理中的应用

    卷积神经网络及其在图像处理中的应用一,前言卷积神经网络(ConstitutionalNeuralNetworks,CNN)是在多层神经网络的基础上发展起来的针对图像分类和识别而特别设计的一种深度学习方法。先回顾一下多层神经网络:多层神经网络包括一个输入层和一个输出层,中间有多个隐藏层。每一层有若干个神经元,相邻的两层之间的后一层的每一个神经元都分别与前一层的每一个神经元连接。在一般的识别问题中,输入层代表特征向量,输入

    2022年6月11日
    31
  • hostapd编译

    hostapd编译从官网下载源码http://w1.fi/hostapd/说明:本篇文章基于前两篇libnl编译和openssl编译的结果,存放路径第一步,解压tar-xvfhostapd-2.5.tar.gz cdhostapd-2.5/hostapd/第二步 cpdefconfig.config修改.config将#CONFIG_LIBNL32=y修改为CONFIG_LIBNL32=y第三步,修改M…

    2022年5月22日
    80
  • voliate关键字的作用[通俗易懂]

    voliate关键字的作用[通俗易懂]一、内存可见性基于缓存一致性协议,当用voliate关键字修饰的变量改动时,cpu会通知其他线程,缓存已被修改,需要更新缓存。这样每个线程都能获取到最新的变量值。二、基于内存屏障的防止指令重排用voliate修饰的变量,可以防止cpu指令重排序。底层的实现方式是基于4种内存屏障:读读、读写、写读、读读屏障。…

    2022年5月25日
    75

发表回复

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

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