记录生活点滴.
2011-09-29JS+DIV+CSS

没有评论
118 views

js获取url参数值

用JAVASCRIPT获取URL参数请求

function getQueryString(name) {
var reg = new RegExp(“(^|&)” + name + “=([^&]*)(&|$)”, “i”);
var r = window.location.search.substr(1).match(reg);
if (r != null) return unescape(r[2]); return null;
}

调用方法如下：

alert(getQueryString(‘参数名’));

Popularity: 1%

2011-09-20jQuery+JSON,JS+DIV+CSS

没有评论
214 views

jquery html body下追加内容

最近有个项目要用到IE6下提示内容，但是HTML之前已经写好了，所以只能用JQUERY追加内容的方法去做，代码如下：

if($.browser.msie && parseInt($.browser.version)==6) {
$(document.).(‘<><>请您更新浏览器IE浏览器！</></>’);
}

Popularity: 8%

2011-09-11JS+DIV+CSS

没有评论
166 views

DIV 点击之后出现框

最近写了一个DIV滚动下拉，但是在ie中是虚线框，chrome中是浅橙色框，firefox中式浅蓝色框，如下图所示：

chrome下选中DIV出现橙色框

由于觉得这样影响美观就找到方法去除，解决办法就是在容器里面加一句CSS：

.jScrollPaneContainer { outline: none;}

Popularity: 1%

2011-08-15JS+DIV+CSS

没有评论
253 views

去掉iframe横向滚动条_iframe滚动条

子页面
‘让竖条消失:
< STYLE=’:;-Y:HIDDEN’>
</BODY>
‘让横条消失:
<BODY STYLE=’OVERFLOW:SCROLL;OVERFLOW-X:HIDDEN’>
</BODY>

‘还要去掉
‘子页面里的
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“>
‘两个都去掉

Popularity: 1%

2011-08-07JS+DIV+CSS

没有评论
232 views

如何让DIV超过预定高度自动出现滚动下拉条

如何让DIV超过预定高度自动出现滚动下拉条呢？
其实很简单，如:
< style=”width:500px;height:100px;float:left; :auto;”>
fdsfdsfsfdsfgfhfdhgfdhgfhfdhfghfdhfd<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
</div>
只要DIV的高度一定时,这里要给定高度，加上overflow:auto这个属性便可以让DIV在超过定义的高度时出现滚动下拉条。

Popularity: 2%

2011-07-28jQuery+JSON,JS+DIV+CSS

没有评论
377 views

jQuery Lightbox By Group 图片分组

的lightbox插件图片分组，baidu不到，这里给出实例

html:

<>
<div>Details here</div>
<div id=”tour--images-1″>
<a href=”/images/pic1.jpg”><img src=”/images/pic1.jpg” /></a>
<a href=”/images/pic2.jpg”><img src=”/images/pic2.jpg” /></a>
<a href=”/images/pic3.jpg”><img src=”/images/pic3.jpg” /></a>
</div>
</div>

<div>
<div>Details 2 here</div>
<div id=”tour-lightbox-images-2″>
<a href=”/images/pic4.jpg”><img src=”/images/pic4.jpg” /></a>
</div>
</div>

<div>
<div>Details 3 here</div>
<div id=”tour-lightbox-images-3″>
<a href=”/images/pic5.jpg”><img src=”/images/pic5.jpg” /></a>
<a href=”/images/pic6.jpg”><img src=”/images/pic6.jpg” /></a>
<a href=”/images/pic7.jpg”><img src=”/images/pic7.jpg” /></a>
<a href=”/images/pic8.jpg”><img src=”/images/pic8.jpg” /></a>
<a href=”/images/pic.9jpg”><img src=”/images/pic8.jpg” /></a>
</div>
</div>

:

$(function() {
$(“div.tour-lightbox-images”).(function(){
$(“#” + this.id + ” a”).lightBox({
imageLoading: “/images/lightbox-ico-loading.gif”,
imageBtnClose: “/images/lightbox-btn-close.gif”,
imageBtnPrev: “‘/images/lightbox-btn-prev.gif”,
imageBtnNext: “/images/lightbox-btn-next.gif”,
imageBlank: “/images/lightbox-blank.gif”
});
});
});

Popularity: 12%

2011-07-23jQuery+JSON,JS+DIV+CSS

没有评论
430 views

jQuery DIV遮罩层

非常简单的jQuery DIV遮罩层，点击查看DEMO

代码如下所示：

<!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″ />
<title> 的DIV遮罩层示例</title>
<script type=’text/’ src=’http://code.jquery.com/jquery-latest.js’></script>
<style>
.targetDiv{display:none;}
.txt{ border:solid 20px #000000; width:400px; height:400px; margin:100px auto auto 400px; color:#fff;}
.cbtn{margin-top:-20px; text-align:right; margin-right:-20px;}
.txt a{text-decoration:none; color:#fff;}
</style>
<script>
$(document).ready(function(){
$(‘.main a’).click(function(){
$(this).parent().find(‘.targetDiv’).css({ “position”: “absolute”, “text-align”: “center”, “top”: “0px”, “left”: “0px”,”background”: “#555″, “display”: “block”,’width’:’100%’,'height’:$(document).height(), “filter”: “Alpha(opacity=80)”,’opacity’:’0.8′});
});
$(‘.targetDiv,.cbtn a’).click(function(){
$(this).parent().find(‘.targetDiv’).css(‘display’,'none’);
});
});
</script>
</head>

<>
<>
<a href=”#”>点我显示jQuery的DIV遮罩层 http://jerryji.cn</a>
<div>
<div>
<div><a href=”#”>关闭 Close</a></div>
<p>这里是正文内容 <a href=”http://jerryji.cn”>http://jerryji.cn</a></p>

</div>
</div>
</div>
<p>By Jerry Jee</p>
<p><a href=”http://jerryji.cn”>http://jerryji.cn</a></p>
</body>
</html>

Popularity: 12%

2011-07-08html5,JS+DIV+CSS

没有评论
309 views

10个让人眼花缭乱的HTML5和JavaScript效果

作为下一代网页语言， 拥有很多让人期待已久的新特性。如今，很多 Web 开发人员开始使用 来制作各种丰富的 Web 应用。本文向大家展示10个让人眼花缭乱的 和 效果，让你体验下一代 Web 技术的魅力，相信你看完这些例子后会对未来的 Web 发展充满无限期待。

Breathing Galaxies

Breathing Galaxies

动态变换颜色和直径，可通过键盘或者鼠标产生新的形状，这个效果很炫很炫！

FlowerPower

FlowerPower

灵感来自大自然的使用，使用花朵作为画刷，以贝兹曲线方式绘图。

Noise Field

Noise Field

移动鼠标可改变粒子的运动，点击可随机生成不同的粒子效果。

Keylight

Keylight

双击生成两个以后的键即可发出声音，移动键的位置可产生不同的声音效果。

Swirling Tentacles

Swirling Tentacles

三维脉冲效果，沿着脉冲线有运动的颜色渐变模块。

Blob

Blob

拖动水滴有重力效果，双击可以分离，小水滴碰到大水滴会合并。

Rotating Spiral

Rotating Spiral

旋转的螺旋效果，看得有点头晕，单击可以控制开始和停止旋转。

Magnetic

Magnetic

模拟磁性粒子流效果，非常逼真。

Trail

Trail

彩色颗粒跟随鼠标运动效果，带尾巴淡出效果。

Graph Layout

Graph Layout

一种交互的力向图布局效果。

Popularity: 3%

2011-07-01jQuery+JSON

没有评论
446 views

jquery跳出each循环

最近有个任务用到了JQUERY的EACH，针对某个对象的事件操作以后恢复原样

大家可以用跳出试试,用return false跳出

$(‘ul.notices .btn’).click(function(){
$(this).parent().parent().find(‘.noticepicb’).css(‘display’,'none’);
alert($(this).parent().parent().find(‘.noticepicb’).html());
return false;
});

Popularity: 13%

2011-07-01jQuery+JSON

1条评论
706 views

jQuery通过过滤器获取元素

通过过滤器(“滤镜”)，主要用来获取集合性的元素，尤其适用于需要操作的列表或表标签的情况下，通过（”元素名：过滤器名”)来使用这种方法

1.获取第一个li元素

var _query=$(“:first”);

2.获取最后一个li元素

var li_query=$(“li:last”);

3.获取第指定li外元素

var li=$(“li:not(:first)”).css(“fontSize”,”25″);

4.获取偶数序号的元素

var li=$(“li:even”).css(“color”,”blue”);

5.获取奇数序号的元素

var li=$(“li:odd”).css(“color”,”blue”);

6.获取指定序号的元素

var li=$(“li:eq(2)”).css(“fontSize”,”25″);

7.获取指定序号后的元素

var li=$(“li:gt(2)”).css(“fontSize”,”20″);

8.获取指定序号前的元素

var li=$(“li:lt(2)”).css(“fontSize”,”12″);

9.获取页面所有<h>标题元素

var li=$(“li:header”).css(“fontSize”,”30″);

10.获取包含指定字符串的元素

var li=$(“li:contains(‘dd’)”).css(“color”,”blue”);

11.获取空元素

var li=$(“li:empty”).text(“空元素”).css(“color”,”red”);

12.获取非空元素

var li=$(“li:parent”).css(“color”,”red”);

13.获取有子孙元素的元素

var li=$(“li:has(span)”).css(“fontSize”,”50″);

14.获取所有正在执行动画效果的元素

var li=$(“li:animated”);

Popularity: 13%

Page 1 of 712345...Last »
返回顶部