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)
上一篇 2021年12月23日 下午12:00
下一篇 2021年12月23日 下午1:00


相关推荐

  • android之摇一摇功能_SensorManager的使用

    实现“摇一摇”功能,其实很简单,就是检测手机的重力感应,具体实现代码如下:一、在 AndroidManifest.xml 中添加操作权限二、实现代码import android.app.Activity; import android.hardware.Sensor; import android.hardware.SensorEvent; import android.h

    2022年3月10日
    43
  • arcgis附图制作_怎么制作图片的浮雕效果

    arcgis附图制作_怎么制作图片的浮雕效果ArcGIS制作地图时可以制作出很多很炫的效果,比如地图阴影、地图晕渲效果、浮雕效果、三维效果等等。本实验讲解在ArcGIS中制作浮雕效果地图,效果如下所示:1.加载矢量数据加载实验数据包data44.rar中的秦安县乡镇矢量数据:2.缓冲区分析点击【地理处理】下拉菜单,点击【缓冲区】。输入要素选择秦安县乡镇数据,选择输出要素路径,线性单位输入-0.4,单位为千米,侧类型选择两侧,融合类型选择ALL,点击确定。缓冲区效果:3.欧氏距离分析欧氏距离工具用于计算每个像元到最近.

    2025年9月15日
    7
  • Unity安装VScode「建议收藏」

    Unity安装VScode「建议收藏」https://code.visualstudio.com/下载好之后,打开unity edit-  preferenceexternaltools openbyfileextension,点开,Browse,然后选你VSCode.exe的位置。  之后双击打开会有我这个是安装好扩展的界面,大概就是要 左边这个几个安装好之后可能打出不来提示,重…

    2022年6月27日
    96
  • garch模型的结果分析_管理学五力模型分析案例

    garch模型的结果分析_管理学五力模型分析案例  readdatalibrary(quantmod)  #加载包getSymbols(‘^HSI’,from=’1989-12-01′,to=’2013-11-30′)  #从Yahoo网站下载恒生指数日价格数据dim(HSI)   #数据规模names(HSI)  #数据变量名称chartSeries(HSI,theme=’white’)  #画出价格与交易的时…

    2025年7月13日
    1
  • Nacos 2.0_一个数的0倍是多少

    Nacos 2.0_一个数的0倍是多少点击关注公众号,Java干货及时送达3月20号,Nacos2.0.0正式发布了!Nacos简介:“一个更易于构建云原生应用的动态服务发现、配置管理和服务管理平台。通俗点讲,Nacos…

    2026年1月31日
    4
  • hive with as 语法

    hive with as 语法

    2021年11月27日
    60

发表回复

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

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