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

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

播放按钮
文章目录

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

代码预览

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

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

Premium WordPress Themes Download
Premium WordPress Themes Download
Download WordPress Themes
Free Download WordPress Themes
online free course
download micromax firmware
Premium WordPress Themes Download
free download udemy course

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

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

评论 抢沙发

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