• Jq_网站顶部定时折叠广告


    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <title>网页顶部定时收起广告jQuery特效 - HoverTree</title><base target="_blank" />
    <style>a {color:blue;text-decoration:none;}
    </style>
    <link href="http://hovertree.com/texiao/jquery/4/hovertreejq4.css" rel="stylesheet" type="text/css" />
    <script src="http://hovertree.com/ziyuan/jquery/jquery-1.8.3.min.js"></script>
    <script src="http://hovertree.com/texiao/jquery/4/hovertreejquery4.js"></script>
    </head>
    <body>

    <div style="760px;margin:1px auto;">
    <h1>网页顶部定时收起广告jQuery特效</h1>
    jQuery网站顶部定时折叠收起广告代码,五秒钟后自动收起,适合活动或通知在网站顶部满屏展示,兼容主流浏览器。可以点击箭头展开或者收起广告。
    <br />

    <a href="http://hovertree.com">首页</a> <a href="http://hovertree.com/texiao/">特效</a> <a href="http://hovertree.com/hvtart/bjae/nh0pk7kc.htm">原文</a>
    </div>
    </body>
    </html>

    使用方法:
    1、在head区域引入样式表文件
    <link href="http://hovertree.com/texiao/jquery/4/hovertreejq4.css" rel="stylesheet" type="text/css" />


    2、在head区域引入jquery-1.8.3.min.js和hovertreejquery4.js

    <script src="http://hovertree.com/ziyuan/jquery/jquery-1.8.3.min.js"></script>
    <script src="http://hovertree.com/texiao/jquery/4/hovertreejquery4.js"></script>

    3、自动收起时间可在hovertreejquery4.js里调整,具体见注释。

  • 相关阅读:
    HTML 笔记
    JavaScript 学习笔记
    对近期的一些总结
    【 Java 】手速手速~
    【 Java 】 简易交通灯
    【 Art 】小心心~
    scala 标识符案例
    scala 基础类型
    scala 类、字段、方法
    scala 列表
  • 原文地址:https://www.cnblogs.com/ingstyle/p/4668404.html
Copyright © 2020-2023  润新知