chenhuixfyy的博客_JavaScript,Ajax,CSS,div+css,javascript,jQuery

移动端页面宽度自适应

<script type="text/javascript"> if(/Android (\d+\.\d+)/.test(navigator.userAgent)){

Android

宽度

移动端

原创 2014-12-17 14:09:21 1606 阅读

jQuery实现CheckBox全选、全不选

jQuery

全选

checked

全不选

转载精选 2014-11-11 14:29:37 466 阅读

FlexSlider

http://www.woothemes.com/flexslider/Get started with FlexSlider in 3 easy steps!Step 1 – Link filesAdd these items to the <head> of your document. This will link jQuery and the F

FlexSlider.js

转载精选 2014-08-15 16:14:33 823 阅读

Jquery中parentsUntil函数调用最容易犯的三个错误

Jquery的parentsUntil()方法用于查找Jquery对象的祖先，使用的时候有三个问题一定要注意：1） parentsUntil返回的是一个数组，而不是单个对象。关于这个，注意’parents’是复数就行了，表示它会返回一系列的祖先元素，在数组中越外层的元素的下标越大。2） parentsUntil返回的数组中刚好不包括满足选择器参数条件的对象。这个有点奇怪，很容易产生误导。3） pa

Jquery

parent

parentsUntil

parents

转载精选 2014-08-14 17:08:33 589 阅读

jQuery-ui插件datepicker的参数使用详解

概述日期选择插件是一个配置灵活的插件，你可以定义它的展示方式，包括日期格式、语言、限制选择日期范围、添加相关按钮以及其它导航等。同时，你还可以通过键盘控制它：page up/down - 上一月、下一月ctrl+page up/down - 上一年、下一年ctrl+home - 当前月或最后一次打开的日期ctrl+left/right - 上一天、下一天ctrl+up/down - 上一周、下一周

参数

datepicker

jQuery-ui

日期控件

转载精选 2014-07-31 15:13:25 811 阅读

JS 操作Google Chrome浏览器的cookie

Google Chrome只支持在线网站的cookie的读写操作，对本地html的cookie操作是禁止的。所以下面的代码如果你写在一个本地的html文件中，将弹出的对话框内容为空。document.cookie = "Test=cooo"; alert(document.cookie);如果这个页面是在线网站的内容，则会正常显示cookie内容Test=cooo等等。本文原地

Google

浏览器

js

cookie

Chrome

转载精选 2014-06-25 09:50:08 949 阅读

js判断移动终端安卓,苹果,winphone

IOS

js

判断

安卓

移动端

转载精选 2014-04-28 15:48:18 920 阅读

css实现强制不换行/自动换行/强制换行

强制不换行 div{ white-space:nowrap; } 自动换行 div{ word-wrap: break-word; word-break: normal; } 强制英文单词断行 div{ word-break:break-all; } ============================================ CSS设置不转行: overflow:hidden 隐藏

换行

不换行

normal

nowrap

hidden

转载精选 2014-04-24 16:18:22 1065 阅读

全兼容的移动端渐变写法

/* Firefox 3.6+ */ background: -moz-linear-gradient(top, #f46ba0, #ee3a80); /* Safari 4-5, Chrome 1-9 */ background: -webkit-gradient(linear,top,from(#f46ba0),to(#ee3a80)); /* Safari 5.1+, Chrome 10+

移动

背景

background

苹果手机

渐变

原创 2014-04-02 15:38:22 5386 阅读

JS判断移动端访问设备并解析对应CSS

JS判断不同web访问环境，主要针对移动设备，提供相对应的解析方案（判断设备代码直接copy腾讯网的）// 判断是否为移动端运行环境 // wukong.name 20130716 if(/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD

js

判断

移动设备

mobile

运行环境

转载精选 2014-03-26 11:01:26 798 阅读

jQuery获得页面元素的绝对/相对位置

获获取页面某一元素的绝对X,Y坐标，可以用offset()方法：var X = $('#DivID').offset().top; var Y = $('#DivID').offset().left;获取相对(父元素)位置:var X = $('#DivID').position().top; var Y = $('#DivID').position().left;让Div随滚动条移动：<d

scroll

function

position

相对位置

转载精选 2014-03-25 16:43:21 1397 阅读

jquery实现可拖拽的浮动框

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>jQuery 模块拖动，拖动层效果</title> <style type="text/css"> #div2 { position:a

移动

jquery

悬浮

拖拽

转载精选 2014-03-20 13:48:58 1733 阅读

子DIV块中设置margin-top时影响父DIV块位置的解决办法

在文章《实现文本滚动》中子DIV块#main中设置margin-top时，若父DIV块#box中没有“overflow:hidden;”,则子DIV块中margin-top会影响父DIV块的位置解决办法1:若子DIV块中使用margin-top,则在父DIV块中添加：overflow:hidden;解决办法2:在子DIV块中用padding-top代替margin-top

DIV

位置

margin-top

转载精选 2014-03-09 14:40:32 577 阅读

placeholder在某些浏览器下不垂直居中问题

将input的line-height设置为normal即可，让浏览器自己去判断

浏览器

normal

垂直居中

line-height

原创 2014-02-14 17:02:13 4928 阅读

利用空白标签实现img图片的垂直居中

所谓的图片水平垂直居中就是把图片放在一个容器元素中（容器大于图片尺寸或是指定了大小的容器），并且图片位居此容器正中间（中间是指元素容器的正中间），而图片不是以背景图片（background-p_w_picpath）形式展示，是以<img>元素形式展示的。在img的同级元素添加一个空白的span标签，将span行内元素设置为行内块元

标签

背景图片

img

水平垂直

转载精选 2014-01-03 14:50:20 815 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

陈辉