Jquery+CSS

jQuery+css打造table中奇偶行不同样式鼠标移上tr变色

jQuery+css打造table中奇偶行不同样式鼠标移上tr变色http://blog.sina.com.cn/s/blog_6aadfb2a0100lrlm.html
keenweiwei·2013-06-25 10:00

JQuery+CSS提示框实现思路及代码(纯手工打造)

复制代码代码如下:背景透明*{margin:0;padding:0;}body{position:relative;width:100%;height:100%;}.aaa{background-color:#fff;border:10pxsolidgray;border-radius:4px4px4px4px;display:none;width:300px;position:absolute;
·2013-05-07 16:34

jQuery+CSS实现菜单滑动伸展收缩(仿淘宝)

功能很实用，代码非常的简单效果1.效果2.样式代码如下：复制代码代码如下:body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,br,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}span{color:#FF2B13}a{text-decoration:none;co
·2013-03-22 16:16

jQuery+css实现图片滚动效果(附源码)

源码下载bxCarousel参数说明：move：每次滚动移动图片的数量，默认为4。display_num：展示图片的数量，默认为4。speed：图片滚动速度，默认为500毫秒。margin：图片间的间距，默认为0。auto：是否自动滚动，默认为false。auto_interval：当设为自动滚动时，每次滚动的时间间隔（毫秒），默认为2000毫秒即2秒。auto_dir：自动滚动的方向，默认为ne
·2013-03-18 12:23

jQuery+CSS 半开折叠效果原理及代码(自写)

一个项目想用jQuery做一个可以半折叠的DIV元素，苦于jQueryUI中accordion没有提供相关的方法，就自己写了个。以前使用jQueryUI的时候发现能够用的accordion全部折叠起来了，没办法设置折叠的最小高度。代码质量很低，希望老鸟能够指点指点。下图是效果展示，能够借由jQuery的函数展开收缩复制代码代码如下://author:hlhr//require:Jquery1.4a
·2013-03-04 14:52

jquery+css实现简单的评分功能

今天研究了下简单的评分功能，参考了下"http://www.lanxyou.info/star-rating-new-method/",感觉比较简单易用，之后自己做了下优化处理。先看下效果图：原理：橙色星宽度/父容器宽度*100=分值功能：鼠标悬浮时，其左侧星星点亮鼠标滑过时，其左侧星星点亮鼠标点击时，其左侧星星点亮  鼠标移开后，默认记忆上次点击的橙色星宽度所需图片：实现源码：
·2013-01-29 17:00

jquery+css实现简单的评分功能

今天研究了下简单的评分功能，参考了下"http://www.lanxyou.info/star-rating-new-method/",感觉比较简单易用，之后自己做了下优化处理。先看下效果图：原理：橙色星宽度/父容器宽度*100=分值功能：鼠标悬浮时，其左侧星星点亮鼠标滑过时，其左侧星星点亮鼠标点击时，其左侧星星点亮  鼠标移开后，默认记忆上次点击的橙色星宽度所需图片：实现源码：
·2013-01-29 15:00

常用学习网站（jquery+css样式等）

1.jQuery+Css3仿百度翻译手机版banner焦点图http://www.xwcms.net:80/js/css3sl/19934.html2.html5制作立体感觉图片幻灯片特效http://www.xwcms.net:80/js/html5sl/71887.html3.jquery+html5制作顶蘑菇网页小游戏http://www.xwcms.net:80/js/html5sl/77
jackwumengfeng·2012-12-25 11:00

jQuery网站常用小下拉菜单

网站顶部经常用到的小功能，jQuery+CSS打造的弹出层菜单http://www.niutw.com/view/118.html jQuery+CSS打造的弹出层菜单 body,h1,h2,h3
西西爱OS·2012-12-10 12:00

jquery+css小tip实现

看了这篇文章http://www.haozi.cn/?p=193，照着做了一个小样。 很简单，不过也很受启发，自己的css功底太差，应该要花点时间看看css的书籍。 以下是代码： <style> .tip {display:none;position:absolute;z-index:9999;font-size:12px;padding:0 3px;
gxz1989611·2012-06-23 13:00

jquery+css实现表格隔行换色、荧光棒特效、复选框checkbox全选反选效果

<script type="text/javascript"> $(function(){ $("table tr:even").addClass("tdOdd"); $("th:first").css("background","#B4C6C1");//首
xinklabi·2012-06-08 17:00

jQuery+CSS 实现随滚动条增减的汽水瓶中的液体效果

很有意思。小邪就跟着做了一个Demo，木有用插件，只挂了jQuery。Demo演示页面一.CSS+jQuery实现随滚动条增减汽水瓶中的液体：话说喝汽水的那个网站是用一个瓶子的图片，分为瓶口、瓶身、吸管还有瓶底。在这些图片中瓶子内部都是透明的，所以我们可以在底下一层按x轴平铺液体的图片，当然记得弄好吸管，吸管则是按照y轴平铺。其他具体的请看代码中注释。啊，对了，那家公司的地址在这里-http://
·2011-09-26 15:32

采用jquery+css实现极酷的下拉菜单导航

 【荐】采用jquery+css实现极酷的下拉菜单导航-www.webdm.cn$(document).ready(function(){ $("ul.subnav").parent().append(
helen_shw·2011-08-26 16:00

Jquery滑动幻灯片效果

我用jquery+css实现了一个滑动幻灯片的效果。由于调试的时候使用的firefox浏览器，所以没有出现隐患，但在IE浏览器下使用是就感觉很卡。
xinjiang·2011-08-06 09:00

Jquery滑动幻灯片效果

阅读更多我用jquery+css实现了一个滑动幻灯片的效果。由于调试的时候使用的firefox浏览器，所以没有出现隐患，但在IE浏览器下使用是就感觉很卡。
xinjiang·2011-08-06 09:00

Jquery+CSS打造的泡沫弹出框式的侧边蓝色导航菜单

演示地址:http://www.corange.cn/demo/3778/index.html截图效果代码请直接到演示位置查看源码原文地址:http://www.corange.cn/archives/2011/06/3778.html
txf2004·2011-07-14 10:00

JQuery+CSS实现隔行变色以及高亮

table tbody tr.even td{ background:#ADD8E6; } table tbody tr.odd td{ background:#EEF5FB; } table tbody tr.msov td{ background:#FFFF99; } $(document).ready(function () { $("tab
sunney2012·2011-04-01 14:00

jquery+css 实现tab效果

最近在项目开发中要用到tab切换效果 看了下jquery tab的效果仿照大概思路自己写了个 -----------------------css代码 ul,li{    margin:0px;    padding:0px;   /*去掉li的原点 */   list-style:none;  } li{ &
zeng7960983·2010-08-03 19:00

使用Jquery+CSS如何创建流动导航菜单-Fluid Navigation

click()、hover():给Li元素绑定单击事件和鼠标滑过事件。find()函数：搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。slideDown(speed,[callback])：通过高度变化（向下增大）来动态地显示所有匹配的元素，在显示完成后可选地触发一个回调函数。slideUp(speed,[callback])：通过高度变化（向上减小）来动态地隐藏
flandycheng·2010-03-03 18:29

使用Jquery+CSS如何创建流动导航菜单-Fluid Navigation

click()、hover():给Li元素绑定单击事件和鼠标滑过事件。find()函数：搜索所有与指定表达式匹配的元素。这个函数是找出正在处理的元素的后代元素的好方法。slideDown(speed,[callback])：通过高度变化（向下增大）来动态地显示所有匹配的元素，在显示完成后可选地触发一个回调函数。slideUp(speed,[callback])：通过高度变化（向上减小）来动态地隐藏
flandycheng·2010-03-03 18:29

Jquery+CSS 创建流动导航菜单 Fluid Navigation

那么我们应该如何实现流动导航菜单呢？一、效果图鼠标滑过Menu，即Show提示信息。二、实现步骤1、CSS代码复制代码代码如下:menuBarHolder{width:730px;height:45px;background-color:#000;color:#fff;font-family:Arial;font-size:14px;margin-top:20px;}#menuBarHolderu
·2010-02-23 14:45

使用Jquery+CSS如何创建流动导航菜单-Fluid Navigation

 有时，一个网站的导航菜单文字不能提供足够的信息，来表达当前菜单按钮的内容，一般的解决办法是使用提示信息ToolTip，那么本文介绍的流动导航菜单FluidNavigation也可以解决此问题，同时也为网站设计的添加了一些时尚而又动感元素。那么我们应该如何实现流动导航菜单呢？一、效果图鼠标滑过Menu，即Show提示信息。  二、实现步骤1、CSS代码menuBarHolder{width:730
灵动生活·2010-02-23 09:50

使用Jquery+CSS如何创建流动导航菜单-Fluid Navigation

 有时，一个网站的导航菜单文字不能提供足够的信息，来表达当前菜单按钮的内容，一般的解决办法是使用提示信息ToolTip，那么本文介绍的流动导航菜单FluidNavigation也可以解决此问题，同时也为网站设计的添加了一些时尚而又动感元素。那么我们应该如何实现流动导航菜单呢？一、效果图鼠标滑过Menu，即Show提示信息。  二、实现步骤1、CSS代码menuBarHolder{width:730
灵动生活·2010-02-23 09:50

jQuery+CSS 实现的超Sexy下拉菜单

如何实现Step1HTML复制代码代码如下:HomeTutorialsCh1Ch2Ch21Ch211Ch2111Ch21111Ch21112Ch21113Ch21114Ch21115Ch21116Ch2112Ch2113Ch2114Ch2115Ch212Ch213Ch214Ch22Ch221Ch222Ch223Ch23Ch3Ch31Ch32ResourcesSubNavLinkSubNavLink
·2010-01-17 22:05

JQuery应用例子

 JQuery实现弹出信息窗口实例(JQuery+CSS) jsp页面代码:========             测试弹出信息框(CSS设计)   hello,我是小窗口!
to_cm·2009-03-03 23:00

使用Jquery+CSS实现的表格隔行凸显和当前行高亮效果

我几次想尝试终于被我弄成功了！前提条件：将jquery-1.2.6.js导入进来，，jquery-1.2.6.js可以去http://jquery.com/官网下。本代码优化后支持IE和Firefox，只需在table属性设置width和class="stripe"即可，废话少说，直接附源代码：StripingTable$(document).ready(function(){   $(".str
xxd851116·2008-11-12 08:00
上一页 1 2 3 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他