jquery实现盒子下拉效果
来源:互联网 发布:淘宝手机一键生成 编辑:程序博客网 时间:2024/06/04 00:21
<script src="js/Jquery1.7.js"></script> <script type="text/javascript"> $(function () { $('div:eq(1)').css({ 'margin-top': '-=100px' }); $('div:first').mouseover(function () { $('div:eq(1)').animate({'margin-top':'+=100px'}); }) $('div:first').mouseout(function () { $('div:eq(1)').animate({ 'margin-top': '-=100px' }); }) </script>
<div style="width:600px;height:300px;overflow:hidden;"> <div style="background-color:#000;height:100px;"> </div> <div style="background-color:#eee;height:300px;"> </div> </div>当把鼠标移动到盒子上的时候上面就会出现一个黑色的盒子这是在浏览网页的时候看到的一个效果在这里写了一下
- jquery实现盒子下拉效果
- jquery实现二级菜单下拉效果
- jquery实现二级导航下拉菜单效果
- jquery下拉选择效果
- Jquery 下拉动画效果
- jquery实现可以左右选择的下拉菜单效果
- jQuery 实现顶部大幅滚动下拉广告效果
- JQuery实现类似QQ下拉菜单式的效果
- jQuery slideToggle轻松实现效果不错的垂直下拉菜单
- jQuery实现类似QQ下拉菜单式的效果
- jQuery JavaScript实现百度搜索下拉框效果
- jQuery实现两个下拉菜单的选项互相移动效果
- jQuery slideToggle轻松实现效果不错的垂直下拉菜单
- JQuery和ASP.NET分别实现级联下拉框效果
- 利用Jquery实现,可输入搜索文字下拉选效果
- jquery multiselect插件实现下拉多选选框的效果
- jquery实现下拉框左右选择的效果
- jquery+json+struts2+mybatis实现的多级关联下拉效果
- Android2.3 MediaPlayer系统祥解系列(概述)
- ie和firefox浏览器css兼容问题
- Air 3 stageVideo H264 Video
- 安装xampp后apache不能启动解决方法大全
- navigation push和popviewcontroller dealloc问题
- jquery实现盒子下拉效果
- 湖南省第八届程序设计竞赛 A
- 将myeclipse 10.x以下版本web project的导入到myeclipse blue 2013 部署没有项目名
- Spring学习笔记(六)基于xml文件方式配置事物
- 与Python命令行参数相关的模块
- Java基础---for循环语句
- Android UI 一般设计
- android监听系统状态栏的显示与隐藏(全屏与否)
- jquery-Ajax提交方法