由酷狗官网界面改造成的焦点新闻插件

本文介绍了一种使用JS实现的焦点广告插件,该插件可在网页固定位置展示多个轮播信息,有效利用有限空间展示更多内容。文章对比了酷狗官网的焦点广告并提出改进方案。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

焦点广告插件,之前最熟悉的莫过于FLASH制作的,结合JS调入数据,定时进行切换,同时也能根据自己需要选择。而现在随着jquery的应用,类似焦点广告等插件都是使用JS来实现,相信大家也看到过很多类似的插件,如土豆、奇艺等网站,在页面固定的位置放置多个信息进行轮换,以达到用最少的空间展示更多的内容。最近看到酷狗播放器7的界面不错,也看了下其官网,发现首页焦点广告的制作显得过于粗糙,而且在首页停留时间过长还会出现图片重叠,原因是通过更改图片透明度来切换造成的,时间过长导致切换不够彻底,以至于已经切换了的图片还可以看到。于是就想着模仿一个类似效果的插件,今天已经实现了效果,日后再整理下代码拿出来分享。个人觉得相比酷狗官网目前的效果来说是好多了,自夸下,嘿嘿。还差一个定时播放功能,后期再完善!

[img]http://www.lav.so/upload/201106/2011063022544118.jpg[/img]

预览地址:[url=http://www.lav.so/demo/focus/]http://www.lav.so/demo/focus/[/url]
实际效果:[url=http://www.kugou.com]http://www.kugou.com[/url]

原文地址:[url=http://www.lav.so/index.php?aid=118]http://www.lav.so/index.php?aid=118[/url]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值