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


相关推荐

  • CompletableFuture 使用介绍[通俗易懂]

    CompletableFuture 使用介绍[通俗易懂]本文安利一个Java8的工具CompletableFuture,这是Java8带来的一个非常好用的用于异步编程的类。还没使用过的小伙伴,赶紧用起来吧。本文不介绍它的实现源码,仅介绍它的接口使用,本文也不做它和RxJava等其他异步编程框架的对比。一、实例化首先,不管我们要做什么,我们第一步是需要构造出CompletableFuture实例。最简单的,我们…

    2022年6月28日
    30
  • 完整的java项目_手把手搭建一个完整的javaweb项目

    完整的java项目_手把手搭建一个完整的javaweb项目手把手搭建一个完整的javaweb项目本案例使用Servlet+jsp制作,用MyEclipse和Mysql数据库进行搭建,详细介绍了搭建过程及知识点。下载地址:http://download.csdn.net/detail/qq_23994787/9904842点击下载主要功能有:1.用户注册2.用户登录3.用户列表展示4.用户信息修改5.用户信息删除涉及到的知识点有:1.JDBC2.Ser…

    2022年7月7日
    41
  • SQL语句中创建表的语句_用sql创建表

    SQL语句中创建表的语句_用sql创建表mysql创建表的sql语句mysql建表常用sql语句:连接:mysql-h主机地址-u用户名-p用户密码(注:u与root可以不用加空格,其它也一样)断开:exit(回车)创建授权:grantselecton数据库.*to用户名@登录主机identifiedby”密码”修改密码:mysqladmin-u用户名-p旧密码password新密码删除授权:revo…

    2022年10月17日
    3
  • elf格式分析

    elf格式分析

    2021年12月10日
    45
  • conda 删除源_conda删除包

    conda 删除源_conda删除包记录自己新建一个py3.5的conda环境,遇到镜像连接超级慢,清华的镜像也不太行的亚子,发现之前安装的anaconda中有一个源速度还可以。一、查看自己conda的链接进入cmdcondainfo调出conda的信息二、添加源condaconfig–addchannelshttps://repo.continuum.io/pkgs/main/condaconf…

    2022年9月27日
    4
  • 【计算机网络(微课版)】第3章 数据链路层 课后习题及答案

    【计算机网络(微课版)】第3章 数据链路层 课后习题及答案3-1数据链路(即逻辑链路)与链路(即物理链路)有何区别?“电路接通了”与“数据链路接通了”的区别何在?(1)数据链路与链路的区别在于——数据链路除链路外,还必须有一些必要的规程来控制数据的传输。因此,数据链路比链路多了实现通信规程所需要的硬件和软件。(2)“电路接通了”表示链路两端的结点交换机已经开机,物理连接已经能够传送比特流了。但是,数据传输并不可靠。在物理连接…

    2022年7月21日
    19

发表回复

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

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