【web技术】html特效代码(二)

本文继续探讨HTML特效,包括图片漂浮广告代码、鼠标环绕立体旋转文字、打字效果的文本特效以及不可屏蔽的网页浮动窗口。适用于增强网页交互体验。
摘要由CSDN通过智能技术生成

html特效代码(一)

html特效代码(二)


图片漂浮广告代码

 
 
 
  1. <bodybgcolor="#F7F7F7">

  2. <!--图片漂浮广告代码开始-->

  3. <divid="www_qpsh_com"style="position:absolute">

  4. <!--链接地址--><ahref="www.baidu.com"_fcksavedurl="/"target="_blank">

  5. <!--图片地址--><imgsrc="http://www.baidu.com"_fcksavedurl="http://www.dabaoku.com/images/logo.gif"border="0">

  6. </a>

  7. </div>

  8. <script>

  9. var x = 50,y = 60

  10. var xin = true, yin = true

  11. var step = 1

  12. var delay = 10

  13. var obj=document.getElementById("www_qpsh_com")

  14. function floatwww_qpsh_com() {

  15. var L=T=0

  16. //by www.qpsh.com

  17. var R= document.body.clientWidth-obj.offsetWidth

  18. var B = document.body.clientHeight-obj.offsetHeight

  19. obj.style.left = x + document.body.scrollLeft

  20. obj.style.top = y + document.body.scrollTop

  21. xx = x + step*(xin?1:-1)

  22. if (x <L) { xin = true; x = L}

  23. if (x > R){ xin = false; x = R}

  24. yy = y + step*(yin?1:-1)

  25. if (y <T) { yin = true; y = T }

  26. if (y > B) { yin = false; y = B }

  27. }

  28. var itl= setInterval("floatwww_qpsh_com()", delay)

  29. obj.onmouseover=function(){clearInterval(itl)}

  30. obj.onmouseout=function(){ itl=setInterval("floatwww_qpsh_com()", delay)}

  31. </script>

  32. <!--图片漂浮广告代码结束-->

  33. </body>



围绕鼠标的立体旋转文字

 
 
 
  1. <html>

  2. <head>

  3. <title>围绕鼠标的立体旋转文字</title</

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值