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

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

播放按钮
文章目录

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

代码预览

由于我把代码已经植入与本文章,所以你访问本文章时是不是已经看到左侧的小黑猫了呢。(移动端已设置隐藏,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"
高仿新浪首页侧边悬浮黑猫投诉广告代码 超精简版

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

Download WordPress Themes Free
Free Download WordPress Themes
Premium WordPress Themes Download
Download WordPress Themes
lynda course free download
download redmi firmware
Premium WordPress Themes Download
udemy paid course free download

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

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

评论 抢沙发

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

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

支付宝扫一扫打赏

微信扫一扫打赏