WordPress知更鸟Begin主题添加浏览器title滚动闪动特效

2018年10月12日15:22:44 发表评论 188

这是一种常见的网页特效,将下面代码添加到WordPress知更鸟Begin主题头部模板header.php,这句

  1. <?php wp_head(); ?>

的上面,保存时需将编码选择为UTF-8 无BOM(无签名),否则会出现乱码,直接在WP后台主题编辑中添加则不需要自己选择编码。

展开代码:展开

特效一,标题滚动

  1. <script type="text/javascript">
  2. var msg = document.title;
  3. msg = "…" + msg;pos = 0;
  4. function scrollMSG() {
  5.     document.title = msg.substring(pos, msg.length) + msg.substring(0, pos);
  6.     pos++;
  7.     if (pos >  msg.length) pos = 0
  8.     window.setTimeout("scrollMSG()",200);
  9. }
  10. scrollMSG();
  11. </script>

特效二,标题闪动

  1. <script type="text/javascript">
  2. var step=0;
  3. var _title=document.title; //获取网页标题
  4. var space='';
  5. for(var i=0;i<=_title.length;i++)space+=' '; //根据标题长度生产相应的空字符
  6. function flash_title(){
  7.     step++
  8.     if (step==3) {step=1}
  9.     if (step==1) {document.title=space}
  10.     if (step==2) {document.title=_title}
  11.     setTimeout("flash_title()",500);
  12. }
  13. flash_title();
  14. </script>

特效三,自定义标题内容并滚动

  1. <script type="text/javascript">
  2. var sTitle = "这是我的个人主页,欢迎光临!"
  3. function TitleMove(){
  4.     sTitle  = sTitle.substring(1, sTitle.length) + sTitle.substring(0, 1);
  5.     document.title = sTitle;
  6.     status = sTitle;
  7. }
  8. window.setInterval("TitleMove()", 100);
  9. </script>

weinxin
我的微信
分享和发布网站源码、免费软件下载和网站搭建技术教程,致力创造一个高质量网络资源教程的分享平台。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: