全百科精品资源分享
免费优质资源下载平台

高仿新浪首页侧边悬浮黑猫投诉广告代码 超精简版

播放按钮
文章目录

今天去逛新浪网,看到首页左侧的黑猫投诉的广告感觉挺好玩,一看原来时利用的鼠标触及原理实现的,然后我就研究了下,加上了悬浮代码,可以设置悬浮于我们网站的左侧或者右侧展示,接下来请看全百科网撰写的核心代码。
高仿新浪首页侧边悬浮黑猫投诉广告代码

代码预览

由于我把代码已经植入与本文章,所以你访问本文章时是不是已经看到左侧的小黑猫了呢。(移动端已设置隐藏,PC端访问才能看到哦)

核心代码

<div style="position: fixed;top:300px;left:200px;width:100px;height:210px;" class="topbar">//布局宽度width高度height,悬浮左侧left距离,顶部top距离 
<a href="http://www.quanbaike.com/news/2009.html"> //链接指向
<img src="./img/blink.gif" border="0" onMouseOver="this.src='./img/blackcat-hover.gif'" onMouseOut="this.src='./img/blink.gif'"/></a> //初始图片src,鼠标触及onMouseOver图片,鼠标点击onMouseOut图片
</div>
</div>
注:去除代码中的 class="topbar"
高仿新浪首页侧边悬浮黑猫投诉广告代码 超精简版

此代码由全百科网设计开发,转载还请保留来源哟。如果你有更好更精简的实现方式欢迎评论区留言哦

本文由全百科网分享提供,分享更多精品资源,帮助你我共同成长。

赞(0) 打赏
本站内容均来自网络收集,转载内容不代表本网站的观点及意见,仅供用户参考和借鉴。如对稿件内容及版权问题有疑议,请及时联系全百科官方邮箱: smtsg@foxmail.com全百科网 » 高仿新浪首页侧边悬浮黑猫投诉广告代码 超精简版
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏