« 1 23» Pages: ( 1/3 total )
本页主题: 首页上加滚动文字.滚动图片,文字链接 打印 | 加为IE收藏 | 复制链接 | 收藏主题 | 上一主题 | 下一主题

飞_鱼
靓丽风格奖
级别: 荣誉会员

 首页上加滚动文字.滚动图片,文字链接

1
发现论坛上有好多人问滚动文字
一一解答麻烦,发一独立帖给大家参考:(希望老大能加点分)

一.从一侧进入,另一侧出的滚动文字:


</style>
<DIV align=center>
<div id="Layer1" style="position:absolute; width:10px; height:20px; z-index:1; left: 100px; top: 118px;"></div>
<marquee scrollAmount=2 width=650>
<font color="#FF0000"> 欢迎光临 [我爱标准网] 本站域名:www.5ibzw.com.cn</font>
</marquee></DIV>

效果:www.5ibzw.com.cn

二.给滚动文字加上链接

</style>
<DIV align=center>
<div id="Layer1" style="position:absolute; width:10px; height:20px; z-index:1; left: 100px; top: 118px;"></div>
<marquee scrollAmount=2 width=650><a href=http://www.5ibzw.com.cn>
<font color="#FF0000"> 欢迎光临 [我爱标准网] 本站域名:www.5ibzw.com.cn</font>
</a>

</marquee></DIV>

效果:www.5ibzw.com.cn

三.如何制作当鼠标停留在文字上,文字停止滚动

代码如下:

</style>
<DIV align=center>
<div id="Layer1" style="position:absolute; width:10px; height:20px; z-index:1; left: 100px; top: 118px;"></div>
<marquee scrollAmount=2 width=650  onmouseover=stop() onmouseout=start()><a href=http://www.5ibzw.com.cn>
<font color="#FF0000"> 欢迎光临 [我爱标准网] 本站域名:www.5ibzw.com.cn</font>
</a>

</marquee></DIV>

效果:www.5ibzw.com.cn

四.滚动图片

</style>


<DIV align=center>
<div id="Layer2" style="position:absolute; width:200px; height:115px; z-index:2; left: 135px; top: 345px;">

<marquee scrollAmount=2 width=300><IMG src="http://u.uu1001.com/uu/uu_0707_1/5ibzw/79_70_2b6f46b5eb6e451.gif" border=0>
</marquee>
</div>

效果:www.5ibzw.com.cn

五.滚动文字在区间内来回摆动!

</style>

<DIV align=center>
<div id="Layer1" style="position:absolute; width:10px; height:20px; z-index:1; left: 296px; top: 64px;">
  <marquee scrollAmount=4 width=500 behavior=alternate><a href=http://www.5ibzw.com>
<font color="#FF0000"> 欢迎光临 [我爱标准网] 本站域名:www.5ibzw.com.cn</font>
</a>

</marquee></DIV>

效果:www.5ibzw.com.cn
[ 此贴被kouxiangde在2007-12-17 23:05重新编辑 ]
本帖最近评分记录:
  • 威望:+5(小鸠) 啦啦~我一次评分只能大于 ..
  • 好评度:+4(sjb8898) 效果不错
  • 威望:+15(mnfac) 优秀文章 欢迎参加活动, ..
  • 搜索更多相关文章:代码 链接 广告代码 我爱标准网
    顶端 Posted: 2007-10-19 14:24 | [楼 主]
    avml13
    级别: 禁止发言
    级别: 论坛版主

     

    哦..~
    顶端 Posted: 2007-10-19 14:42 | 1 楼
    sjb8898
    级别: 圣骑士

     

    Quote:
    引用第0楼kouxiangde于2007-10-19 14:24发表的 首页上加滚动文字 :
    发现论坛上有好多人问滚动文字
    一一解答麻烦,发一独立帖给大家参考:(希望老大能加点分)

    一.从一侧进入,另一侧出的滚动文字:

    .......

    代码放到哪啊?
       
    顶端 Posted: 2007-10-19 14:55 | 2 楼
    飞_鱼
    靓丽风格奖
    级别: 荣誉会员

     

    Quote:
    引用第2楼sjb8898于2007-10-19 14:55发表的  :

    代码放到哪啊?


    对了忘说了,代码放到
    编辑风格(wind)的CSS样式
    最后就行了!
    顶端 Posted: 2007-10-19 15:01 | 3 楼
    mnfac
    繁忙,请假状态
    十佳会员
    级别: 荣誉会员

     

    谢谢分享```
    繁忙,请假状态
    友情广告位:
    1.免费500Mphp空间
    2.打工赚U豆,1天10U豆
    3.30粒U豆卖10元,买越多折扣越多。。。

    有兴趣者短消息我http://bbs.uu1001.com/message.php?action-write-touid-27810.html
    顶端 Posted: 2007-10-19 15:42 | 4 楼
    123qq
    看签名
    级别: 精灵王

     

    好贴啊
    顶端 Posted: 2007-10-19 22:41 | 5 楼
    aniu
    级别: 新手上路

     

    论坛进不去.
    顶端 Posted: 2007-10-20 16:51 | 6 楼
    潸潸
    级别: 新手上路

     

    是不是把代码粘上就可以?
    顶端 Posted: 2007-10-20 18:21 | 7 楼
    #白露河
    级别: 圣骑士

     

    说句实在的,滚动图片代码不怎么样~~
    滚动前前有很大一段空白,没有连续性,影响视觉效果。

    看看咱的滚动图片,绝对完美。
    演示:http://www.huaibin88.cn/
    顶端 Posted: 2007-10-20 18:34 | 8 楼
    小鸠
    级别: UU风格团队

     

    真棒啊!谢谢!
    顶端 Posted: 2007-10-21 11:24 | 9 楼
    « 1 23» Pages: ( 1/3 total )
    帖子浏览记录 版块浏览记录
    Uu1001免费论坛官方站 » 模板风格


    Time now is:10-16 06:26, Gzip enabled 浙ICP备06052510号
    Powered by PHPWind & Uu1001 v2.0 Certificate Code © 2003-08 PHPWind.com Corporation