zoukankan      html  css  js  c++  java
  • 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里调整,具体见注释。

  • 相关阅读:
    MySQL 配置优化
    django基础之数据库操作
    Python常用内置模块之xml模块
    linux命令总结iostat命令
    springboot接口返回封装与异常控制
    springboot接口访问权限AOP实现
    springboot动态多数据源
    Elasticsearch一些使用笔记(持续更新)
    python语言中的AOP利器:装饰器
    如何使用supervisor管理你的应用
  • 原文地址:https://www.cnblogs.com/ingstyle/p/4668404.html
Copyright © 2011-2022 走看看