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

javascript处理HTML的Encode(转码)和Decode(解码)总结

HTML的Encode(转码)和解码(Decode)在平时的开发中也是经常要处理的，在这里总结了使用javascript处理HTML的Encode(转码)和解码(Decode)的常用方式一、用浏览器内部转换器实现转换1.1.用浏览器内部转换器实现html转码　　首先动态创建一个容器标签元素，如DIV，然后将要转换的字符串设置为这个元素的innerText(ie支持)或者textContent(火狐

html

javascript

decode

encode

转码

转载精选 2015-05-20 10:04:15 5264 阅读

隐藏 google 地图 Logo 隐藏百度地图 Logo

Google 地图var isFirstLoad=true; //地图瓦片加载完成之后的回调 google.maps.event.addListener(map, 'tilesloaded', function () { if (isFirstLoad) {

logo

标识

百度地图

google地图

转载精选 2015-04-30 15:14:31 1534 阅读

js获取URL地址的参数多个可以循环

function GetRequest() { var url = location.search; //获取url中"?"符后的字串 var&nb

参数

js

URL

循环获取

转载精选 2015-04-29 16:59:52 2075 阅读

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 阅读

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 阅读

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

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

标签

背景图片

img

水平垂直

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

JavaScript应用：Iframe自适应其加载的内容高度

main.htm:<html> <head> <meta http-equiv='Content-Type' content='text/html; charset=gb2312' /> <meta name='author' content='F.R.Huang(meizz梅花雪)//www.meizz.co

javaScript

自动

iframe

内容高度

转载精选 2013-12-04 09:44:05 1019 阅读

JQuery插件让图片旋转任意角度小插件

引入下方的jquery.rotate.js文件，然后通过$("选择器").rotate(角度);可以旋转任意角度，例如$("#rotate-p_w_picpath").rotate(45);把这句放在$(document).ready(function(){ });中就是将id为rotate-p_w_picpath的图片旋转45度。不过，貌似在Chrome中

图片

插件

jquery

旋转

任意角度

转载精选 2013-09-02 20:38:03 1455 阅读

10套华丽的 Windows 8 Metro 风格图标【2000+免费图标】

Windows

Metro

图标

扁平化

win8

转载精选 2013-05-28 14:59:01 521 阅读

IE的setAttribute bug

IE的setAttribute中与标准浏览器的有许多不同，一不小心地踩雷。你不能用它来设置name属性，你也不能在元素加入DOM后设置type属性，也不能用它直接设置内联事件（ inline event handlers），也不能用它设置样式…… 在IE6,IE7中，如果动态生成input元素，是无法为其设置name属性的。当然这bug已经在IE8中被修复，详见这里。

javascript

onclick

ie6/7

setattribute

转载精选 2013-04-27 21:44:55 769 阅读

input标签placeholder 效果

<input type="text" onblur="if(this.value==''){this.value='输入搜索内容……';}" onfocus="if(this.value=='输入搜索内容……'){this.value='';}" value=&qu

标签

效果

placeholder

转载精选 2013-04-15 15:42:05 658 阅读

使用DD_belatedPNG让IE6支持PNG透明图片

众所周知IE6不支持透明的PNG图片,而PNG图片在Web设计方面表现力上，具有其它图形格式所达不到的效果，IE6这一致命缺陷极大地限制了Web设计的创意发挥。虽然解决IE6的透明PNG的方法也很多,从使用IE特有的滤镜或是expression,再到javascript+透明 GIF替代.但是这些方法都有一个缺点,就是不支持CSS中backgrond-position与bac

图片

IE6

透明

PNG

DD_belatedPNG

转载精选 2013-03-25 14:17:43 348 阅读

jquery中出现#('#xxxx')is null的原因分析

第一种：lightbox或lightbox2冲突 jQuery 和 lightbox2 竟然不可以共存, 如果共存的话 jQuery 就会报 #(‘#xxxx) is null 而 ightbox 工作正常但是也不是真的不能正常工作，只是需要把 jQuery 里的 ‘$’ 换成 ‘jQuery’ 比如： jQuery(‘

jquery

转载精选 2013-03-18 22:38:40 471 阅读

DIV嵌套时外层无法自适应高度三种解决方案（转）

原文地址：http://developer.51cto.com/art/201009/225428.htm 这里向大家描述一下解决DIV嵌套时外层（父层）无法自适应高度的方法，原本自己写的CSS代码是没有错误的，但是为什么在新版的浏览器中会发现使用DIV嵌套时外层（父层）无法自适应高度的错误，这里看一下解决方案如何解决DIV嵌套时外层（父层）无法自适应高度？相信很多朋友在

IE

div

浮动

自适应高度

转载精选 2013-02-20 21:32:32 790 阅读

css模拟select设置高度在ie67下有效（也可作为去除边框）

今天做测试页面碰到的第二个问题，IE6，IE7 下无法去除select下拉菜单的边框，新手伤不起。。。百度。。。。以下为转载：下面的描述都是根据这个结构来的 <div class="select-outer select-wh200"> <div class="se

ie

去除

select

边框

border

转载精选 2012-12-17 22:53:47 826 阅读

巧妙利用label标签去除按钮点击或者submit按钮的黑框线

今天做个小的测试页面，看起来挺简单的，但是做起来还是碰到了2个比较棘手的问题，上网找了些资料，供以后参考！！ HTML的label标签大家应该不会陌生，什么？没用过？那可以好好看下aoao的这篇《各位大大行行好，给checkbox配个老婆（label）吧》文章。一般在表单中使用，给类似的checkbox或者radio框配上label，明显有助于改善用户体验。这里借用一下aoa

ie

label

submit

黑色边框

点击

转载精选 2012-12-17 22:47:04 688 阅读

跟随滚动条而下滑的导航栏

先来简单说说原理：监测浏览器滚动条的距离，大于一定长度时，给导航栏添加“position:fixed”，小于则取消，同时还添加了animate自定义的透明度渐变过渡！现在网页也很流行的效果相关jQuery代码段： $(window).scroll(function(){ &nbs

滚动条

导航栏

跟随

转载精选 2012-12-07 09:42:52 2099 阅读

js中瀑布式布局插件masonry与翻页插件infinitescroll结合

转自：http://www.cnblogs.com/irelands/archive/2012/04/16/2451262.html 首先在页面中引入 <script src="jquery-1.7.1.min.js"></script> <script src="jquery.masonry.min.j

js

jquery

masonry

infinitescroll

瀑布流布局

转载精选 2012-11-30 14:36:04 944 阅读

CSS的IE6、IE7、FF兼容性写法

blue;< /td> Firefox 背景变蓝色 red /9; IE8 背景变红色 *black;< /td> IE7

ie7

css

兼容性

ie6

ff

转载精选 2012-11-30 09:51:43 757 阅读

div背景半透明，覆盖整个可视区域的遮罩层效果

<!DOCTYPE html> <html> <head> <meta charset="gb2312" /> <title>背景半透明覆盖整个可视区域</title> <style> html,body{ height

div

效果

背景

覆盖

半透明

转载精选 2012-11-10 17:14:32 669 阅读

解决IE6不支持除a以外：hover的问题

ie6是css1.0，不支持非a的hover伪类，若想实现hover效果需要写js 将下面代码写入htc文件中 /*解决ie6.0 的hover兼容问题*/ <attach event="ondocumentready" handler="parseStylesheets" /> <script> var csshov

css

a

ie6

hover

转载精选 2012-10-29 18:22:55 448 阅读

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

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

51CTO博客

陈辉

javascript处理HTML的Encode(转码)和Decode(解码)总结

隐藏 google 地图 Logo 隐藏百度地图 Logo

js获取URL地址的参数多个可以循环

jQuery实现CheckBox全选、全不选

FlexSlider

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

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

JS 操作Google Chrome浏览器的cookie

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

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

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

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

jquery实现可拖拽的浮动框

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

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

JavaScript应用：Iframe自适应其加载的内容高度

JQuery插件让图片旋转任意角度小插件

10套华丽的 Windows 8 Metro 风格图标【2000+免费图标】

IE的setAttribute bug

input标签placeholder 效果

使用DD_belatedPNG让IE6支持PNG透明图片

jquery中出现#('#xxxx')is null的原因分析

DIV嵌套时外层无法自适应高度三种解决方案（转）

css模拟select设置高度在ie67下有效（也可作为去除边框）

巧妙利用label标签去除按钮点击或者submit按钮的黑框线

跟随滚动条而下滑的导航栏

js中瀑布式布局插件masonry与翻页插件infinitescroll结合

CSS的IE6、IE7、FF兼容性写法

div背景半透明，覆盖整个可视区域的遮罩层效果

解决IE6不支持除a以外：hover的问题