jquery四行代码实现顶部大幅下拉广告效果 - caiceclb - ITeye博客

`

caiceclb

浏览: 242431 次
性别:
来自: 郑州

最近访客更多访客>>

nucleus

f0rb

Mr_冰凉

raolongbao

博主相关

博客

微博

相册

收藏

留言

关于我

文章分类

社区版块

存档分类

最新评论

liuweihug： iframe自适应高度并解决jquery ajax获取数据后高 ...
jquery.load()使iframe随内容改变而自适应高度
hyxj1220： js代码中 var index = $title.index ...
jquery使用index()方法轻松实现tabs切换
冬天秋天：老兄这都被你发现了，高！
使用hibernate annotation出现的异常解决
myumen：博主，你明显弄错了。另外，MySQL、Oracle、DB2等的 ...
数据库，schema，catalog三者的涵义（简单描述）
caiceclb： caiceclb 写道http://msdn.microsof ...
认知：IE6、IE7支持但不完全支持display:inline-block属性

jquery四行代码实现顶部大幅下拉广告效果

博客分类：

jQuery

jQuery JavaScript Flash HTML

阅读更多

<script type="text/javascript">
<!-- 
$(function(){
//广告收回
 var upAdBanner = function(){  
  $("#ad-banner").slideUp(800);
 };
//广告下拉
 $("#ad-banner").slideDown(800);
//设置延迟的广告收回，这里是8秒
 setTimeout(upAdBanner,8000);
}) -->
</script>

html这样写：

<body style="text-align:center;">
    <div id="ad-banner" style="height:500px;width:700px;background:green;margin:0 auto;">这里放入图片或flash就可以了</div>
</body>

0
顶

0
踩

分享到：

IE下由浮动引起的外侧div边框部分消失 | 浏览器视窗内纯CSS的层固定位置及发现的一 ...

2009-07-01 10:46
浏览 6371
评论(0)
分类:Web前端
查看更多

评论

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

仿网易顶部下拉广告,广告代码,顶部下拉广告: 在IT行业中，网页设计与开发是一项关键技能，而广告展示是网页吸引用户、...通过学习和理解这样的代码实现，开发者不仅可以提升自己的技术水平，还能为网站增加一种吸引用户注意力的广告形式，提高用户体验和广告效果。

jquery实现网页顶部定时广告，支持关闭隐藏: 然后，使用jQuery编写JavaScript代码以实现广告的自动播放和控制功能。在`$(document).ready()`函数内进行操作，确保在页面加载完成后执行以下代码： ```javascript $(document).ready(function() { // 广告初始...

jquery实现广告伸缩效果: ### 使用jQuery实现广告伸缩效果在网页设计与开发领域，使用动态效果增强用户体验是非常重要的一个环节。其中，广告伸缩效果是一种常见的交互方式，它不仅能够吸引用户的注意力，还能在有限的空间内展示更多的信息...

JQuery可拉下的幕布广告代码: 在网页设计中，引入动态效果可以提升用户体验，其中"JQuery可拉下的幕布广告代码"就是一个典型的应用。JQuery，作为JavaScript的一个轻量级库，简化了DOM操作、事件处理以及动画创建等任务，使得开发者能更快速、更...

jQuery多级下拉菜单支持多级下拉列表菜单.zip: jQuery作为一款强大的JavaScript库，提供了丰富的功能来实现动态、交互式的页面效果，其中包括多级下拉菜单的创建。这个名为"jQuery多级下拉菜单支持多级下拉列表菜单"的资源，就是专门为商城网站或企业网站设计的一...

jquery实现输入框点击出现下拉列表树插件代码: `jquery.js`是jQuery库本身，它是实现动态效果和交互的基础。在项目中，我们首先需要引入这个库，确保可以使用jQuery提供的所有功能。 `dtreeck.js`是自定义的JavaScript插件文件，实现了点击输入框后显示下拉列表...

jQuery阿里巴巴顶部导航栏下拉菜单.zip: 在本项目中，“jQuery阿里巴巴顶部导航栏下拉菜单.zip”是一个包含实现阿里巴巴风格的顶部导航栏及下拉菜单功能的代码资源。这个压缩包主要针对前端网页开发，特别是那些希望在自己的网站上创建类似阿里巴巴首页的...

jQuery响应式企业网站顶部导航下拉菜单代码: 【jQuery响应式企业网站顶部导航下拉菜单代码详解】在当今的网页设计中，响应式布局已经成为不可或缺的一部分，尤其对于企业网站来说，提供一个在不同设备上都能良好展示的导航菜单至关重要。`jQuery`和`Bootstrap...

jQuery手机移动端弹窗下拉菜单选择代码.zip: 本篇文章将深入探讨如何利用jQuery实现手机移动端的弹窗下拉菜单选择功能，并基于提供的"jQuery手机移动端弹窗下拉菜单选择代码.zip"文件进行解析。首先，我们来看核心文件结构。压缩包中的文件包括`index.html`...

jquery可浮动固定在网页顶部下拉菜单.rar: 标题中的“jquery可浮动固定在网页顶部下拉菜单.rar”表明这是一个使用jQuery库实现的网页交互功能，具体来说，是一个可以浮动并固定在页面顶部的下拉菜单。这个功能常见于许多网站，尤其是在屏幕空间有限时，能提供...

jquery实现select带模糊搜索下拉选择框: 本教程将详细讲解如何使用 `jQuery` 实现一个具有模糊搜索功能的下拉选择框，以提升用户在交互时的体验。首先，我们需要了解 `select` 元素在HTML中的基本用法。`<select>` 标签用于创建一个下拉列表，用户可以...

Jquery实现下拉菜单: 然后，我们可以编写jQuery代码来实现下拉菜单的功能。关键在于监听主菜单项的点击事件，当点击时显示或隐藏对应的子菜单，并关闭其他打开的子菜单。以下是一个示例脚本： ```javascript $(document).ready(function...

jQuery鼠标滑过显示二级下拉菜单代码.zip: 本主题聚焦于使用jQuery库来实现一个鼠标滑过时显示二级下拉菜单的代码实例。jQuery是一个轻量级、功能强大的JavaScript库，它简化了JavaScript的事件处理、动画效果以及Ajax交互，使得创建动态网页变得更加简单。 ...

jquery下拉竖导航菜单代码: 该代码的核心是利用 jQuery JavaScript 库来实现动态效果，如鼠标悬停时的显示和隐藏下拉菜单。jQuery 是一款广泛使用的 JavaScript 库，简化了 DOM 操作、事件处理以及动画制作等任务。 1. **HTML 结构**： - `...

jquery实现下拉菜单: jQuery是一个轻量级、功能强大的JavaScript库，它极大地简化了JavaScript编程，使得实现动态交互效果如下拉菜单变得简单易行。本篇文章将详细探讨如何使用jQuery来创建一个功能完备的下拉菜单。首先，我们需要了解...

jQuery+CSS3实现的大屏下拉菜单效果源码.zip: 在本资源中，"jQuery+CSS3实现的大屏下拉菜单效果源码.zip" 提供了一个结合了 jQuery 和 CSS3 技术的大型屏幕下拉菜单的实现方案。这个源码包可以帮助开发者创建互动性更强、视觉效果更佳的网站导航菜单。下面将详细...

jQuery全屏大幅下拉菜单导航代码.zip: 【jQuery全屏大幅下拉菜单导航代码】是一个基于JavaScript库jQuery实现的网页导航栏特效，其特点是设计风格仿照微软的蓝色大气样式，并且能够覆盖整个屏幕，提供丰富的交互体验。这种类型的导航菜单在现代网页设计中...

jquery实现下拉菜单效果: 在本文中，我们将深入探讨如何使用jQuery来实现一个下拉菜单效果。下拉菜单是网页交互设计中的常见元素，常用于导航菜单，帮助用户轻松访问网站的各个部分。以下是一步步教你如何创建这样的功能。首先，我们需要...

jQuery手风琴滑动下拉菜单代码.zip: 《jQuery手风琴滑动下拉菜单代码解析与实现》在网页设计中，菜单导航是用户界面的重要组成部分，它帮助用户快速定位并访问网站内容。而jQuery手风琴滑动下拉菜单作为一种常见的交互元素，能有效地节省空间，提供...

jQuery自适应横排下拉菜单导航代码: "jQuery自适应横排下拉菜单导航代码"提供了一个高效且美观的解决方案，尤其适合那些希望提升用户体验的开发者。这个代码利用jQuery库实现，能够根据屏幕尺寸自动调整布局，确保在各种设备上都能良好地展示。首先，...

Global site tag (gtag.js) - Google Analytics