前端开发-工具盒子

基于jQuery UI CSS Framework开发Widget的经验

2024-11-24 厉飞雨阅读(5) 评论(0) 赞(0)

jQuery UI中两大核心的css文件是ui.core.css和ui.theme.css.这两个css样式贯穿整个基于jQuery ui的界面上，并且可以通过jQuery ui ThemeRoller来生成自己的样式。 .ui-helper-hidden :为元素应用display:none .ui-helper-hidden-accessible：将元素的绝对位...

jquery 导航条的效果(css选择器控制)

2024-11-24 厉飞雨阅读(6) 评论(0) 赞(0)

\<div class="all"\>\<div class="m1" jquery1274844839136="1"\>标题1\</div\>\<div class="m2" jquery1274844839136="2"\>标题...

jQuery 顺便学习下CSS选择器奇偶匹配nth-child(even)

2024-11-24 厉飞雨阅读(5) 评论(0) 赞(0)

对此，我把CSS3标准中nth-child()用法大致介绍下： CSS3伪类选择器：nth-child() 简单的归纳下nth-child()的几种用法。第一：nth-child(number) 直接匹配第number个元素。参数number必须为大于0的整数。 (EG) li:nth-child(3){background:orange;}/\...

jQuery 和 CSS 的文本特效插件集锦

2024-11-24 厉飞雨阅读(6) 评论(0) 赞(0)

**Jumble Text Effect Plugins** 　　[Demo](http://bite-software.co.uk/jumble/)\|\|[Download](https://github.com/vonKristoff/jumble/archive/master.zip) ![](http://static.51tbox.com/static/2024...

批量修改标签css样式以input标签为例

2024-11-24 厉飞雨阅读(7) 评论(0) 赞(0)

``` $("input[style]").each(function(){ $(this).css("border-width","1"); $(this).css("background-color","#A9A9A9"); ...

jquery配合css简单实现返回顶部效果

2024-11-24 厉飞雨阅读(6) 评论(0) 赞(0)

CSS： ++复制代码++ 代码如下: .backToTop { display: none; width: 18px; line-height: 1.2; padding: 5px 0; background-color: #000; color: #fff; font-size: 12px; text-align:...

模拟jQuery中的ready方法及实现按需加载css,js实例代码

2024-11-24 厉飞雨阅读(4) 评论(0) 赞(0)

**一、ready函数的实现** 经常用jQuery类库或其他类库中的ready方法，有时候想想它们到底是怎么实现的，但是看了一下jQuery中的源码，涉及到的模块比较多，(水平有限)代码比较难看懂；自己结合了一些书籍内容，总结一下。先说一下ready函数的实现思路：变量ready通过表达式赋值，右侧为一个自执行匿名函数，在这个匿名函数中，首先为各个浏览器的事件绑定...

jQuery(1.6.3) 中css方法对浮动的实现缺陷分析

2024-11-24 厉飞雨阅读(5) 评论(0) 赞(0)

jQuery的css方法统一了两种写法，直接使用float属性即可，如下css方法中传参数"float"即可以设置也可以获取元素的float。 ++复制代码++ 代码如下: \<div id="d1"\>float div\</div\> \<script type="text/j...

CSS+jQuery实现的一个放大缩小动画效果

2024-11-24 厉飞雨阅读(6) 评论(0) 赞(0)

今天帮朋友写了一些代码,自己觉得写着写着，好几个版本以后，有点满意，于是就贴出来。都是定死了的。因为需求就只有4个元素。如果是要用CSS的class来处理，那就需要用到CSS3动画了。 ++复制代码++ 代码如下: \<!DOCTYPE html\> \<html\> \<head\> \<titl...

JQuery结合CSS操作打印样式的方法

2024-11-24 厉飞雨阅读(5) 评论(0) 赞(0)

本节内容： JQuery、CSS操作打印样式。一、添加打印样式 1，为屏幕显示和打印分别准备一个css文件，如下所示：用于屏幕显示的css： <br /> ++复制代码++ 代码如下: \<link rel="stylesheet" href="css/mainstylesheet.css" m...