- 浏览: 39911 次
文章分类
- 全部博客 (28)
- java (28)
- 样式和主题 (1)
- 项目创建 (1)
- Java字节码(.class文件)格式详解(一) (1)
- 一次定时任务 (1)
- 数组最大连续子序列和 (1)
- jquery-ajax (1)
- ORACLE中一个字符占多少字节 (1)
- Java网络编程 (1)
- Melkman凸包算法的Java实现 (1)
- ios UITableViewCell 文字缩进 (1)
- Websphere6.1静默安装(转) (1)
- newInstance() 和 new 有什么区别? (1)
- 项目管理规范 RUP管理实施中角色的划分 (1)
- 做了几天关于地理信息系统的软件测试工作 (1)
- 一边播放RM文件 一边播放相应的PPT文件 编程实现 (1)
- iPhone消息推送机制实现与探讨 (1)
- 详解C#中访问私有成员 (1)
- linux命令 (1)
- length & substr (1)
- javascript图片库 (1)
- remount failed: Operation not permitted (1)
- iBATIS报ORA-01745: 无效的主机/绑定变量名 异常 (1)
- Java NIO ByteBuffer (1)
- 【转】深入浅出Node.js 持续更新中 (1)
- gson (1)
- Jsp文件中播发视频文件 (1)
- pycetr: 从html文档中提取文档内容 (1)
- [jquery]IE与Chrome下text()方法获取textarea值不一致 (1)
最新评论
-
ygsilence:
factory是什么?
newInstance() 和 new 有什么区别? -
Simon.C:
清了那些多余的HTML标签吧……
Java NIO ByteBuffer -
eagle59:
不错,!希望下次可以排好版。
newInstance() 和 new 有什么区别? -
liudeh_009:
理解得不错
newInstance() 和 new 有什么区别?
今天做了一个点击一个链接就在相应位置出现图片的DEMO:
javascript代码:
<div class="cnblogs_code">
<script> function showPic(whichpic){ //把这个函数命名为showPic,给这个函数的参数命名为whichpic var souce = whichpic.getAttribute("href"); //把它的路径存入变量souce var placeholder = document.getElementById("placeholder") //获取placeholder的位置,把把它赋给变量placeholder placeholder.setAttribute("src",souce);//使用setAttribute方法对placeholder元素的src属性进行刷新 } </script>
??
html代码:
<h1>Snapshots</h1> <ul> <li><a href="images/01.jpg" onclick="showPic(this);return false;" title="one" >第一张图片</a></li> <li><a href="images/02.jpg" onclick="showPic(this);return false;" title="two" >第二张图片</a></li> <li><a href="images/03.jpg" onclick="showPic(this);return false;" title="three" >第三张图片</a></li> <li><a href="images/04.jpg" onclick="showPic(this);return false;" title="four" >第一张四片</a></li> </ul> <img id="placeholder" src="images/06.jpg" / alt="图片库">
?
<div class="cnblogs_code">最终效果(位置和效果都可以自己写css来控制):
<img src="http://pic002.cnblogs.com/images/2011/355379/2011120215552311.jpg" alt="" width="423" height="474">
?
DEMO可以在附件下载
?
- photo.rar (113.3 KB)
- 下载次数: 10
发表评论
-
[jquery]IE与Chrome下text()方法获取textarea值不一致
2012-02-08 12:33 1325[size=small;]<br>[/si ... -
pycetr: 从html文档中提取文档内容
2012-02-07 13:39 896html文档中通常夹杂着各种广告,相关性链接等,提取正 ... -
Jsp文件中播发视频文件
2012-02-04 15:54 866详情请转至:↓ http://blog.sina.co ... -
gson
2012-02-04 13:09 3786最近的项目,接口传输格式用JSON,试用了一下goog ... -
【转】深入浅出Node.js 持续更新中
2012-02-03 14:09 972深入浅出Node.js(一):什么是Node.js h ... -
Java NIO ByteBuffer
2012-02-03 12:13 1456<span class="Apple- ... -
iBATIS报ORA-01745: 无效的主机/绑定变量名 异常
2012-02-01 10:09 5252今天发现发现线上报出一个异常: <br /> ... -
remount failed: Operation not permitted
2012-01-31 15:28 2031<span style="font-s ... -
length & substr
2011-12-21 13:08 792oracle中substr函数的用法 In ora ... -
linux命令
2011-12-21 12:19 909本章主要介绍Linux 的常用命令,其中主要有 文件 ... -
详解C#中访问私有成员
2011-12-20 11:29 798首先我必须承认访问一个类的私有成员不是什么好做法。大 ... -
iPhone消息推送机制实现与探讨
2011-12-20 10:24 1393最近两天在研究ios的消息推送机制。研究这个东西,还是 ... -
一边播放RM文件 一边播放相应的PPT文件 编程实现
2011-12-16 16:17 964应用情景:<br> 在制作网络课件的过程中 ... -
做了几天关于地理信息系统的软件测试工作
2011-12-15 16:59 948又忙活了几天。每天早早的就起床,到软件测试所在地,然后 ... -
项目管理规范 RUP管理实施中角色的划分
2011-12-15 09:39 724</span></font>& ... -
newInstance() 和 new 有什么区别?
2011-12-12 14:04 1518在初始化一个类, ... -
Websphere6.1静默安装(转)
2011-12-09 15:59 799<span style="color: ... -
ios UITableViewCell 文字缩进
2011-12-08 17:34 1144【前提】 UITableViewCell 原 ... -
Melkman凸包算法的Java实现
2011-12-08 10:51 4925坐标对象: ? public class Point{ ... -
Java网络编程
2011-12-07 16:31 813[img][/img]<ol> & ...
相关推荐
Javascript图片库
一个纯JavaScript图片库组件,用于具有平移、捏合和双击等常见手势的原生应用程序,同时支持iOS和Android_.zip
简单的javascript代码,图片大小详见css
主要介绍了《JavaScript DOM 编程艺术》读书笔记之JavaScript 图片库,需要的朋友可以参考下
TS-ImageLibrary 用 TypeScript 编写的 JavaScript 图片库
《javascript dom编程艺术:第2版》讲述了javascript、dom 和html5 的基础知识,着重介绍dom 编程技术背后的思路和原则:平稳退化、渐进增强和以用户为中心等。...第4章案例研究:javascript图片库 46
利用 data-* 属性延迟加载图片的JavaScript微型库
环球免税店响应式JavaScript图像库这是Galleria核心,主题,插件和其他所有内容的开源资源库。 随时发布问题-但请保持它们与代码相关。 您也可以执行拉取请求,但请确保其中包含一些注释和/或测试。 信息,演示,...
Zooming 是一款纯 javascript 图片缩放库,主要特点有: 不依赖其他库,纯 JavaScript 实现,支持移动设备; 流畅的动画; 可缩放高清图像; 易于集成和定制。
本文实例讲述了JavaScript图片库。分享给大家供大家参考,具体如下: 一、一个javascript 图片库实例,下面是效果图 点击顶部导航,会在本页面进行刷新图片,然后,在底部会显示文本的变化 二、下面是代码 1、...
progressively 逐步加载图片的JavaScript库
JavscriptDom编程艺术 这本书是一本很基础的书,但对于刚入前端不久的我来说是一本不错的书,收获还是很大的,对一些基础的东西理解得更加透彻了。
利用Javascript DOM创建并优化网页图片库.pdf
使用原生javascript编写, 拓展组合树态, 动态图片组,也可以作为过滤器使用。 功能:分组显示隐藏图片, 图片组可以一直层叠嵌套,而有序的管理自己的分组 , 类似冒泡事件。 动态效果:使用CSS3的transition变换,...
JavaScript应用实例-百度ocr图片文字识别.js
结合jQuery插件Easing Plugin,可增强javascript图片放大和缩小过程中图片显示的效果。 一,自定义预加载提示图片 $('#biuuu a').flyout({loadingSrc:'thumb-loading.gif',outEase:'easeInCirc',inEase:'...
Raphaël.js 是一个小型的 JavaScript 库,用来简化在页面上显示向量图的工作。你可以用它在页面上绘制各种图表、并进行图片的剪切、旋转等操作。 Raphaël.js 使用SVG W3C推荐标准和VML作为创建图形的基础。