1， 点击弹出图片

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery实现的很炫很酷的弹出层效果</title>
<style type="text/css">
.zxx_list_title{background:#eeeeee; border:1px solid #cccccc; padding:1em;}
.zxx_list_content{padding:1em;}
#tinybox{position:absolute; display:none; background:#ffffff url(../image/preload.gif) no-repeat 50% 50%; border:10px solid #e3e3e3; z-index:2000;}  --------------//注，不要框框将下划线选中的去掉即可！
#tinymask{position:absolute; display:none; top:0; left:0; height:100%; width:100%; background:#000000; z-index:1500;}
#tinycontent{background:#ffffff; font-size:1.1em;}
</style>
<script type="text/javascript" src="../js/tinybox.js"></script>
</head>

<body>

<div class="zxx_list_title"><b>图片</b><a class="ml20" href="#zhangxinxu" id="click_test2">效果预览</a></div>

<script type="text/javascript">
var content2 = "<img width='640' height='466' src='http://image.zhangxinxu.com/image/study/s/mm10.jpg' />";
T$('click_test2').onclick = function(){
TINY.box.show(content2,0,0,0,1
)};
</script>
</body>
</html>

点击弹出图片  插件

插件下载：

http://files.cnblogs.com/xiexy/blowUpPicture.rar

2，仿QQ商城点击左右滚动幻灯片

下面是效果图：

仿QQ商城点击左右滚动幻灯片

插件下载：

http://files.cnblogs.com/xiexy/fangqqhuandengpian.rar

3， 相册模块，点击弹出图片，并左右滚动幻灯片

下面是效果图：

相册模块，点击弹出图片，并左右滚动幻灯片

插件下载：

http://files.cnblogs.com/xiexy/danchuhuangdengpian.rar

到此为止，主要为自己做备忘，同时方便有需要的人。呵呵！

转载于:https://www.cnblogs.com/xiexy/p/4019009.html

JS 点击弹出图片/ 仿QQ商城点击左右滚动幻灯片/ 相册模块，点击弹出图片，并左右滚动幻灯片...相关推荐

  1. Android即时通讯--仿QQ即时聊天：（五）聊天模块

    1.复杂ListView的展示 聊天模块其实就是一个复杂的ListView,在数据适配器中,从application中获取到当前登录的用户,与聊天消息中的from参数进行比较,如果两者相同则说明是自己 ...

  2. HTML期末网页作业-仿QQ官网QQ注册网页

    HTML期末作业-仿QQ官网QQ注册网页(HTML+CSS+JavaScript) 学生作业仿QQ官网部分代码截图 <!DOCTYPE html> <html lang=" ...

  3. Java 仿QQ空间评论 后台代码实现 一张表

    因为项目业务需要,特此写出此仿QQ空间的评论功能,项目如下图所示,records下的是一级评论 里面的commentList是二级评论,前端根据此数据格式渲染即可 表结构如下,其中father_id与 ...

  4. html5仿qq空间,JS实现的仿QQ空间图片弹出效果代码

    本文实例讲述了JS实现的仿QQ空间图片弹出效果代码.分享给大家供大家参考,具体如下: function imageShow(which_click) { var image_path = which_ ...

  5. android qq右上加号,仿QQ空间点击加号弹出菜单特效

    最近项目需要,前几天写了一个仿微信相册(包括编辑相册)功能,审核代码的时候发现同事要实现一个类似仿QQ空间点击加号弹出菜单特效,于是看了一些他的代码,我发现虽然他实现了功能,但是不够完善,所以我又花了 ...

  6. 仿QQ空间、微信朋友圈点击评论弹出输入框

    从上周开始一直在寻找仿QQ空间.朋友圈类似的弹出输入框,并且需要解决键盘不遮挡内容的解决方案 在网上寻寻觅觅始终不得解,后来无意中看见一篇百度百科的文章总算给了我解决的思路 这个就是给了我启发的文章 ...

  7. 仿qq等右上角弹出气泡菜单效果

    仿QQ右上角的弹出菜单框 博客同步自:个人博客主页 Screenshots How to Use step 1 Add the JitPack repository to your build fil ...

  8. ASP.net 仿QQ弹出窗口

    ASP.net 仿QQ弹出窗口 [转]http://hi.baidu.com/liyukun8203/blog/item/d9244dfcdb78e388b901a019.html 最近在做内部管理, ...

  9. 仿QQ弹出窗口 gggggggggggg

    仿QQ弹出窗口 最近在做内部管理,需要用到这个东西来提醒,所以就把它做成一个类,直接调用,满方便的.贴一下代码,大家看一下 Code   1 using System;   2 using Syste ...

最新文章

  1. 详解微信域名防封的方法以及检测等工具的技术原理
  2. js原理之执行上下文
  3. UEFI+GPT与BIOS+MBR各自有什么优缺点？
  4. C# 发送email邮件！
  5. java8 内存设置_Java 8内存分析
  6. c语言图片base64编码,C语言实现Base64编码
  7. Airflow 中文文档：调度和触发器
  8. .NET库和向后兼容的技巧——第2部分
  9. python request属性及方法说明
  10. SIGCOMM2019几篇有意思的文章
  11. SSL P2133 腾讯大战360
  12. 锐捷服务器虚拟化技术_交换机虚拟化技术.ppt
  13. Ray tracing 光线追踪 之 embree ，从入门到精通 01 安装与体验
  14. 由 excel 转换为 markdown，及收获
  15. ant-design更换主题颜色
  16. （用函数解决）Python报数游戏，输入有n个人按顺序编号，从第一个人报数，输入报数k，从1到k，报到k的退出游戏，从下一个人继续游戏，并求最后剩下的人编号是几号。
  17. H3C交换机的简单配置
  18. 自定义配置 mpv 播放器
  19. ddt python_python——DDT
  20. 写一个函数将以秒计数的时间转换为以时、分、秒计数的时间。

热门文章

  1. 事半功倍系列 javascript
  2. Calendar如何只显示“一、二、三...日”，不显示“星期”
  3. Ubuntu14.04 64位机上配置OpenCV3.4.2+OpenCV_Contrib3.4.2+Python3.4.3操作步骤
  4. Ubuntu下通过CMake文件编译CUDA+OpenCV代码操作步骤
  5. C++/C++11中std::stack的使用
  6. 【C++】模板函数的声明和定义必须在同一个文件中
  7. 【Qt】启动QtCreator时报错：Cannot mix incompatible Qt library (version ) with this library (version...
  8. C++ Primer 读书笔记 (1)
  9. python高级数据结构_Python高级数据结构（二）
  10. 华为畅享8的悬浮窗在哪里_华为畅享8悬浮球设置 | 手游网游页游攻略大全