axl234
- 浏览: 260799 次
- 性别:
- 来自: 北京
-
最新评论
-
haixin3036：
jQuery是一套跨浏览器的JavaScript库，简化HTM ...
jquery sizzle 选择器浅析 -
panshunchang：
非常感谢分享，正找这东西呢。
基于jQuery的QQ表情插件 -
yuur369：
不错。。。
移动端webapp开发必备知识
文章列表
1.创建DOM
$(function(){$("<div/>",{ id: "justTest", className: "red", css: { width: "200px", height: "40px", backgroundColor: "#f0f3f9" }, click: function(){ alert("别点我，真是疼！"); }, text: "别点我 ...
js获得页面滚动高度最简洁的写法
- 博客分类：
- javascript
var sh = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8 ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head>
<style>.textarea{width:60%; height:100px; padding:3px; font-size:1em;}</ ...
解决的办法是给FLASH设置透明<param name="wmode" value="transparent" />或者<param name="wmode" value="opaque" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xml ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh" lang="zh"><head profile="http://www.w3.org/2000/08/w3c-synd/#&quo ...
(function($){ $.fn.bubbleup = function(settings){ settings=$.extend({ tooltip: false,//是否提示文本 scale:120,//放大后的图片宽度 fontFamily:'Helvetica, Arial, sans-serif',//提示文本字体 color:'#333333',//提示文本字体颜色 fontSize:12,//提示文本字体大小 fontWeight:'bold',//提示文本字体粗细 inSpeed:'fast',//鼠标划过放大时的速度 outSpeed:'f ...
当浏览器滚动的时候，要浮层要移除浏览器界面视区的时候，修改其position属性，让其浮动在窗口的上沿显示就可以了，position：fixed，可以在IE7+和其他浏览器下浮动层平滑固定定位，由于IE6前辈不支持fixed属性，使用position：absolute属性代替，重新计算top值。
具体代码如下：
06
(function($){
07
$.fn.capacityFixed = function(options) {
08
var opts = $.extend({},$.fn.capacit ...
JQ-Slide插件
- 博客分类：
- jquery
JQ-Slide插件参数说明表
参数名
参数值(默认值可以省略)
effect
scroolY（默认）：垂直滚动
scroolX：水平滚动
scroolTxt：文本垂直滚动
fade：淡出
scroolLoop：水平左右点击滚动
autoPlay
true（默认）： or false
speed
动画速度时间，默认"normal"，可以使用毫秒或者JQ中的fast，slow，normal
timer
滚动间隔时间，默认"1000，可以使用毫秒或者JQ中的fast，slow， ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>微博插入话题的效果实现</title><link rel="stylesheet" href=&quo ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8 ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8 ...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8 ...
使用很简单，一个普通的block元素上加个contenteditable="true"就ok了，如下：
<div contenteditable="true"></div>
true外面的引号甚至去掉都没关系。
contenteditable属性虽是HTML5里面的内容，但是IE似乎老早就支持此标签属性了。所以，兼容性方面还是不用太担心的。
ok，最麻烦的模拟textarea的可编辑效果已经解决了，现在想要使用div实现高度自适应那就像是给花花草草松松土一样容易的。使用min- height属性基本上就一步到位了，考虑到I ...
display:inline-block列表布局
必要条件：
1：现代浏览器下的首尾标签留空或换行
像这样：
<span> <a href="#"> <img src="test.jpg" /> </a> </span> <span> <a href="#"> ...