滚动效果,有些浏览器不支持

滚动显示通知列表的网页设计
本文介绍如何使用HTML和ASP.NET技术实现一个通知列表的滚动显示效果,通过设置marquee元素的属性来控制列表的滚动速度、宽度,并在鼠标悬停时暂停滚动。文章还提供了样式CSS来美化列表项,确保用户体验。

会将repeater列表中的记录一条一条的滚动显示

html代码:

<marquee scrollamount="2" width="200" onmouseover="this.stop()" onmouseout="this.start()">
                                <asp:Repeater runat="server" ID="rp_noticelist">
                                    <ItemTemplate>
                                        <a class="xzgg2" href='Frm_NoticeInfo.aspx?id=<%#Eval("Threads_id") %>'>[<%#Eval("time") %>]<%#Eval("Subject")%></a>
                                    </ItemTemplate>
                                </asp:Repeater>
                             </marquee>

css:

.xzgg2 { color:#969696;text-decoration: none; padding:1px 10px 1px 10px;}
.xzgg2 :hover{color:#a45b00;text-decoration: none; padding:1px 10px 1px 10px;}

转载于:https://www.cnblogs.com/maomaokuaile/p/3503200.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值