财经社区女性社区汽车社区军事社区文学社区社会社区娱乐社区游戏社区个人空间
上一主题：《情人》，天堂有爱！ 下一主题：祝红主生日快乐！谢谢你一向对小...
奇妙的代码功能------百叶窗效果
[楼主] 作者:小月清风  发表时间:2007/03/27 13:43
 收藏 修改 加精 置顶 锁定 标题 来源 删除
点击:377次

 

下面的图是由一个图片用代码制作的百叶窗效果,动感不错吧?

当然你也可以换成四幅不同的图片来制作,效果更好. 

 

 

附本制作全部代码如下:

<DIV align=center>
<TABLE class=mceVisualAid cellSpacing=0 cellPadding=0 width=500 align=center border=0 class="mceVisualAid">
<TBODY>
<TR>
<TD class=mceVisualAid align=middle class="mceVisualAid">
<MARQUEE scrollAmount=2 scrollDelay=80 direction=right width=120><IMG src="http://xz3.2000y.net/102605/bbs/UploadFile/2004-12/200412231153772.jpg" mce_src="http://xz3.2000y.net/102605/bbs/UploadFile/2004-12/200412231153772.jpg"></MARQUEE></TD>
<TD class=mceVisualAid align=middle class="mceVisualAid">
<MARQUEE scrollAmount=2 scrollDelay=80 direction=right width=120><IMG src="http://xz3.2000y.net/102605/bbs/UploadFile/2004-12/200412231153772.jpg" mce_src="http://xz3.2000y.net/102605/bbs/UploadFile/2004-12/200412231153772.jpg"></MARQUEE></TD>
<TD class=mceVisualAid align=middle class="mceVisualAid">
<MARQUEE scrollAmount=2 scrollDelay=80 direction=right width=120><IMG src="http://xz3.2000y.net/102605/bbs/UploadFile/2004-12/200412231153772.jpg" mce_src="http://xz3.2000y.net/102605/bbs/UploadFile/2004-12/200412231153772.jpg"></MARQUEE></TD>
<TD class=mceVisualAid align=middle class="mceVisualAid">
<MARQUEE scrollAmount=2 scrollDelay=80 direction=right width=120><IMG src="http://xz3.2000y.net/102605/bbs/UploadFile/2004-12/200412231153772.jpg" mce_src="http://xz3.2000y.net/102605/bbs/UploadFile/2004-12/200412231153772.jpg"></MARQUEE></TD>
<TD class=mceVisualAid align=middle class="mceVisualAid"></MARQUEE></TD></MARQUEE>

</TD></TR></TBODY></TABLE></DIV><BR><BR>

本帖地址：http://club.xilu.com/deichun/msgview-10363-152011.html[复制地址]
上一主题：《情人》，天堂有爱！ 下一主题：祝红主生日快乐！谢谢你一向对小...
[楼主]  [2楼]  作者:小月清风  发表时间: 2007/03/27 13:54 
[加为好友][发送消息][个人空间]
回复 修改 来源 删除

适当调整

 

你可以根据屏幕的大小调整总的宽度width=500 ~800

如果更换图片,要根据图片的大小调整移动的宽度width=120~200

 [3楼]  作者:单纯女人  发表时间: 2007/03/27 13:55 
[加为好友][发送消息][个人空间]
回复 修改 来源 删除

宝贝继续摞 ：）

 

  老哥辛苦乐，慰问  ：）



※※※※※※
我手写我心，我歌咏我情
我梦抒我爱，我情言我志
 [4楼]  作者:老虾干  发表时间: 2007/03/27 15:49 
[加为好友][发送消息][个人空间]
回复 修改 来源 删除

俺来玩玩代码

<DIV align=center>
<TABLE class=mceVisualAid cellSpacing=0 cellPadding=0 width=500 align=center border=0 class="mceVisualAid">
<TBODY>
<TR>
<TD class=mceVisualAid align=middle class="mceVisualAid">
<MARQUEE scrollAmount=2 scrollDelay=80 direction=right width=120><IMG src="http://free.getbbs.com/Upload/200702/633065766403593750.jpg" mce_src="http://free.getbbs.com/Upload/200702/633065766403593750.jpg"></MARQUEE></TD>
<TD class=mceVisualAid align=middle class="mceVisualAid">
<MARQUEE scrollAmount=2 scrollDelay=80 direction=right width=120><IMG src="http://free.getbbs.com/Upload/200702/633065766403593750.jpg" mce_src="http://free.getbbs.com/Upload/200702/633065766403593750.jpg"></MARQUEE></TD>
<TD class=mceVisualAid align=middle class="mceVisualAid">
<MARQUEE scrollAmount=2 scrollDelay=80 direction=right width=120><IMG src="http://free.getbbs.com/Upload/200702/633065766403593750.jpg" mce_src="http://free.getbbs.com/Upload/200702/633065766403593750.jpg"></MARQUEE></TD>
<TD class=mceVisualAid align=middle class="mceVisualAid">
<MARQUEE scrollAmount=2 scrollDelay=80 direction=right width=120><IMG src="http://free.getbbs.com/Upload/200702/633065766403593750.jpg" mce_src="http://free.getbbs.com/Upload/200702/633065766403593750.jpg"></MARQUEE></TD>
<TD class=mceVisualAid align=middle class="mceVisualAid"></MARQUEE></TD></MARQUEE>

</TD></TR></TBODY></TABLE></DIV><BR><BR>

 [5楼]  作者:老虾干  发表时间: 2007/03/27 15:50 
[加为好友][发送消息][个人空间]
回复 修改 来源 删除

彻底晕倒
InnocentCry
[楼主]  [6楼]  作者:小月清风  发表时间: 2007/03/27 16:06 
[加为好友][发送消息][个人空间]
回复 修改 来源 删除

回复：你好
代码复制的没有错,问题出在粘贴错了地方.你应该先打开代码编辑器,(就是发帖编辑器上的HTML那几个字符,粘贴在那里后点刷新就回到正常的发帖框了.再按常规点提交.
 [7楼]  作者:老虾干  发表时间: 2007/03/27 16:15 
[加为好友][发送消息][个人空间]
回复 修改 来源 删除

俺就是虾无脑嘛！哑哑哑哑哑


 [8楼]  作者:鹰男  发表时间: 2007/03/27 17:34 
[加为好友][发送消息][个人空间]
回复 修改 来源 删除

继续收藏
谢月兄 ：）

※※※※※※
飞翔需要体魄和毅力



[楼主]  [9楼]  作者:小月清风  发表时间: 2007/03/27 17:38 
[加为好友][发送消息][个人空间]
回复 修改 来源 删除

回复：果然有道

 

图片好亮

 [10楼]  作者:天骄版务  发表时间: 2007/03/27 19:11 
[加为好友][发送消息][个人空间]
回复 修改 来源 删除

这可不是虾无脑呀

 

精彩着呢，了不得



※※※※※※
 [11楼]  作者:常春藤藤  发表时间: 2007/03/27 19:49 
[加为好友][发送消息][个人空间]
回复 修改 来源 删除

月兄辛苦
收藏!

※※※※※※
 [12楼]  作者:常春藤藤  发表时间: 2007/03/27 20:03 
[加为好友][发送消息][个人空间]
回复 修改 来源 删除

问好虾干姐姐
很喜欢你吧唧带来的快乐文字。吧唧秦始皇和黑车熟记在心。

※※※※※※
 [13楼]  作者:老虾干  发表时间: 2007/03/27 21:05 
[加为好友][发送消息][个人空间]
回复 修改 来源 删除

问好藤藤妹妹

谢谢你喜欢老虾干的大字报哦。

狂啵

 [14楼]  作者:老虾干  发表时间: 2007/03/27 21:07 
[加为好友][发送消息][个人空间]
回复 修改 来源 删除

图片里的花是铁蛋他爹种的老虾干拍摄的
花的名字叫瑞香
 [15楼]  作者:单纯女人  发表时间: 2007/03/27 21:55 
[加为好友][发送消息][个人空间]
回复 修改 来源 删除

了不得，虾干姐夫这么有成就呀

 

这瑞香可是大寒一候的花儿呢，也就是说排在24番花信风之四

偶再好好欣赏一下去



※※※※※※
我手写我心，我歌咏我情
我梦抒我爱，我情言我志

精彩推荐>>

  简捷回复 [点此进入编辑器回帖页]  文明上网 理性发言
 推荐到西陆名言:
签  名: 一 二 三 无
作  者:
密  码:
游客来访 
注册用户 提 交
西陆网(www.xilu.com )版权所有 点击拥有西陆免费论坛  联系西陆小精灵

0.15903496742249