- 浏览: 273591 次
- 性别:
- 来自: 北京
-
最新评论
-
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="#"> ...