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="width: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里调整,具体见注释。

时间: 2024-08-05 23:51:29

jq网站顶部定时折叠广告的相关文章

手机版网站顶部导航条的布局

效果图: 手机版网站顶部导航条布局分为3块:1.左侧返回上一页按钮(固定宽高)2.右侧菜单按钮(固定宽高)3.中间文字介绍(宽度自适应且文字居中) 要实现这个效果最简单的办法是2边绝对定位,中间text-align-center <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title&g

JavaScripts广告轮播图以及定时弹出和定时隐藏广告

轮播图: 函数绑定在body标签内 采用3张图,1.jpg   2.jpg  3.jpg  利用定时任务执行设置图片属性 src  利用for循环可以完成3秒一次 一替换. 定时弹出广告: 由于body标签已经绑定了函数 所以直接用 window 加载事件 函数 广告图片的默认display属性是none 3秒后将广告图片的 display属性 设置成block  就可以形成3秒后显示广告图片 弹出后 需要清理定时 然后在写一个3秒定时 隐藏的函数 ,最后也要清理定时. <script> fu

jq返回顶部

今天发工资了,哎,更加坚定我要努力的学习,没资本,只能玩技术了.人呢,想的的开,才行,虽然有些不甘心,不过确实,现在的技术只值这个 价格.不过做到问心无愧就够了,不然人之贪婪,真的收也收不回.好了,今天的回顶部,不是以往的,锚点到顶部,而是用js来控制,d第一个关键呢,就 是scrollTop=0:事件对象呢,是 body和html,第二个呢,就是到顶部之后呢,隐藏.判断条件就是 $(window).height == $(window).height(). 好了直接上例子(注意右下角) <sc

网站顶部显示预加载进度条preload.js

网站加载的速度快的话,不会显示进度条加载时候的样式. 支持性主流浏览器都支持,ie浏览器需要9以上9也支持. 使用方法 <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="js/preload.js"></script> <script type="text/javascript">

jQuery页面顶部下拉广告

本广告可以是图片也可以是Flash,可以设置自动播放的时间,可以手动停止和重播. 效果展示 http://hovertree.com/texiao/jquery/80/ 源码下载:http://hovertree.com/h/bjaf/8jy44vm8.htm 效果图如下: 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/D

顶部可以折叠的菜单工具栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>可以折叠的菜单工具栏</title>

jq返回顶部多种实现方法

直接上代码,复制运行即可 基础版: 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>返回顶部</title> 6 <script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></s

jq 回到顶部

html <div style="width: 100%; height: 3000px;"> <!--这个带ID的p标签,叫做锚标记,放在页面顶部位置,目的:防止代码不起作用时(比如类库版本浏览器不支持),你点击回到顶部,仍然可以通过锚标记实现--> <p id="pageTop"></p> <section id="top_sec" class="top_sec">

css大会网站顶部的一个特效

看到http://css.w3ctech.com/ 上一个效果觉得挺赞的. 然后学些了一下. demo地址:http://codepen.io/tianzi77/pen/mJaLWq html结构很简单,就是一个p,2个span标签嵌套在a标签里面. <a href="/" class="link-mallki"> 思君子兮未敢言 zhuangjia <span data-letters="思君子兮未敢言 zhuangjia"&