注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

夕阳无限美博客

*资源共享*喜欢即取*

 
 
 

日志

 
 

【代码应用】用代码制作点击小图看大图  

2012-07-21 08:44:07|  分类: 【代码应用】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

自用日志模板(20) - 夕阳无限美 - 夕阳无限美欢迎您
 


大图片用代码把它缩小如下:


小小网易博客编制

                              点击放大

小小网易博客编制

点击放大


复制如下代码:

<a href="图片地址" target="_blank">
<img src="图片地址" width="50" height="50">点击放大



自制自用模板(13) - 夕阳无限美 - 夕阳无限美欢迎您


【Flash教程】130个免费flash动画教程2 - 夕阳无限美 - 夕阳无限美欢迎您

代 码 复 制 如 下:


 

代码
<TABLE title=http://xuefeibingjie.blog.163.com/ border=0 cellSpacin<div align="center"> <table height="480" cellspacing="1" cellpadding="0" width="660" bgcolor="#000000" border="1"> <tbody> <tr> <td> <div align="center"> <table bordercolor="#cd0000" height="120" width="180" border="1"> <tbody> <tr> <td><a target="cont" href="http://img241.ph.126.net/D2GvO9dyUHLXpA9nSgMvPw==/2202260217785177398.jpg"><img title="2012年05月05日 - 夕阳无限美 - 夕阳无限美de博客" alt="2012年05月05日 - 夕阳无限美 - 夕阳无限美de博客" height="120" src="http://img241.ph.126.net/D2GvO9dyUHLXpA9nSgMvPw==/2202260217785177398.jpg" width="180"></a></td></tr></tbody></table></div></td> <td> <div align="center"> <table bordercolor="#cd0000" height="120" width="180" border="1"> <tbody> <tr> <td><a target="cont" href="http://img234.ph.126.net/Mnpj28guRJHK55HRrFtwGw==/2121758374446127088.jpg"><img title="2012年05月05日 - 夕阳无限美 - 夕阳无限美de博客" alt="2012年05月05日 - 夕阳无限美 - 夕阳无限美de博客" height="120" src="http://img234.ph.126.net/Mnpj28guRJHK55HRrFtwGw==/2121758374446127088.jpg" width="180"></a></td></tr></tbody></table></div></td> <td> <div align="center"> <table bordercolor="#cd0000" height="120" width="180" border="1"> <tbody> <tr> <td><a target="cont" href="http://img39.ph.126.net/G0GhvxCP1IXrcaf1oe3ghA==/3140134840185521582.jpg"><img title="2012年05月05日 - 夕阳无限美 - 夕阳无限美de博客" alt="2012年05月05日 - 夕阳无限美 - 夕阳无限美de博客" height="120" src="http://img39.ph.126.net/G0GhvxCP1IXrcaf1oe3ghA==/3140134840185521582.jpg" width="180"></a></td></tr></tbody></table></div></td></tr> <tr> <td> <div align="center"> <table bordercolor="#cd0000" height="120" width="180" border="1"> <tbody> <tr> <td><a target="cont" href="http://img460.ph.126.net/jytnQ1Pft18kK0ozzcYlAg==/2571555387228982234.jpg"><img title="2012年05月05日 - 夕阳无限美 - 夕阳无限美de博客" alt="2012年05月05日 - 夕阳无限美 - 夕阳无限美de博客" height="120" src="http://img460.ph.126.net/jytnQ1Pft18kK0ozzcYlAg==/2571555387228982234.jpg" width="180"></a></td></tr></tbody></table></div></td> <td> <div align="center"> <table bordercolor="#cd0000" height="120" width="180" border="1"> <tbody> <tr> <td><a target="cont" href="http://img843.ph.126.net/aHaACW81Gh3GCdD7IaRqag==/1872934495034271176.jpg"><img title="2012年05月05日 - 夕阳无限美 - 夕阳无限美de博客" alt="2012年05月05日 - 夕阳无限美 - 夕阳无限美de博客" height="120" src="http://img843.ph.126.net/aHaACW81Gh3GCdD7IaRqag==/1872934495034271176.jpg" width="180"></a></td></tr></tbody></table> </div></td> <td> <div align="center"> <table bordercolor="#cd0000" height="120" width="180" border="1"> <tbody> <tr> <td><a target="cont" href="http://img.ph.126.net/A4cvpXqrKANQP5fCg6h1Xw==/3279746428633381368.jpg"><img title="2012年05月05日 - 夕阳无限美 - 夕阳无限美de博客" alt="2012年05月05日 - 夕阳无限美 - 夕阳无限美de博客" height="120" src="http://img.ph.126.net/A4cvpXqrKANQP5fCg6h1Xw==/3279746428633381368.jpg" width="180"></a></td></tr></tbody></table></div></td></tr> <tr> <td> <div align="center"> <table bordercolor="#cd0000" height="120" width="180" border="1"> <tbody> <tr> <td><a target="cont" href="http://img839.ph.126.net/F7lQr3FuWY2iJI2IaBOG1w==/778278310606756581.jpg"><img title="2012年05月05日 - 夕阳无限美 - 夕阳无限美de博客" alt="2012年05月05日 - 夕阳无限美 - 夕阳无限美de博客" height="120" src="http://img839.ph.126.net/F7lQr3FuWY2iJI2IaBOG1w==/778278310606756581.jpg" width="180"></a></td></tr></tbody></table></div></td> <td> <div align="center"> <table bordercolor="#cd0000" height="120" width="180" border="1"> <tbody> <tr> <td><a target="cont" href="http://img.ph.126.net/RWSOfqZlHz-F2dMMwpZAzA==/3377981195505161360.jpg"><img title="2012年05月05日 - 夕阳无限美 - 夕阳无限美de博客" alt="2012年05月05日 - 夕阳无限美 - 夕阳无限美de博客" height="120" src="http://img.ph.126.net/RWSOfqZlHz-F2dMMwpZAzA==/3377981195505161360.jpg" width="180"></a></td></tr></tbody></table></div></td> <td> <div align="center"> <table bordercolor="#cd0000" height="120" width="180" border="1"> <tbody> <tr> <td><a target="cont" href="http://img615.ph.126.net/ccK9yNxbGcHuvwOVNaL9VQ==/1671116936732418992.jpg"><img title="2012年05月05日 - 夕阳无限美 - 夕阳无限美de博客" alt="2012年05月05日 - 夕阳无限美 - 夕阳无限美de博客" height="120" src="http://img615.ph.126.net/ccK9yNxbGcHuvwOVNaL9VQ==/1671116936732418992.jpg" width="180"></a> </td></tr></tbody></table></div> </td></tr></tbody></table></div>

显示
2012年05月05日 - 夕阳无限美 - 夕阳无限美de博客
2012年05月05日 - 夕阳无限美 - 夕阳无限美de博客
2012年05月05日 - 夕阳无限美 - 夕阳无限美de博客
2012年05月05日 - 夕阳无限美 - 夕阳无限美de博客
2012年05月05日 - 夕阳无限美 - 夕阳无限美de博客
2012年05月05日 - 夕阳无限美 - 夕阳无限美de博客
2012年05月05日 - 夕阳无限美 - 夕阳无限美de博客
2012年05月05日 - 夕阳无限美 - 夕阳无限美de博客
2012年05月05日 - 夕阳无限美 - 夕阳无限美de博客


             现在网上通用流行的点击小图浏览大图在博客日志应用上很实用。下面这组代码可帮您实现.

 

<A href="大图地址"><IMG src="小图址址" border=0></A> </TD><TD>
<A href="大图地址"><IMG src="小图址址" border=0></A> </TD><TD>
<A href="大图地址"><IMG src="小图址址" border=0></A> </TD><TD>
<A href="大图地址"><IMG src="小图址址" border=0></A> </TD><TD>
<A href="大图地址"><IMG src="小图址址" border=0></A> </TD><TD>
<A href="大图地址"><IMG src="小图址址" border=0></A> </TD><TD>
<A href="大图地址"><IMG src="小图址址" border=0></A> </TD><TD>

.............................................

 

        上面代码中的大图地址就是您最终想展示给大家的最后''原图''地址。小图地址是像册本身的最始图片地址。..................是您想再加多少的省略。                                                                                    

上面是实际效果图

 请您点击小图欣赏大图

怎么样?不错吧!快试试吧。也许您会从实践中摸索出更美妙的效果!代码就是这样神奇。但必须多实践!祝您成功!!


  评论这张
 
阅读(591)| 评论(20)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017