PHP开发记录 PHP以及web前端（ajax，js，jquery等）
博客园 \| 首页 \| 发新随笔 \| 发新文章 \| \| \| 管理	随笔：404 文章：5 评论：12 引用：0

2011年11月15日

jquery checkbox 选中取消 checkbox多选框控制显示隐藏[带演示]

http://www.corange.cn//uploadfiles/20111527_85094.jpg

演示地址:http://www.corange.cn/demo/3798/index.html
<!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=gb2312" />
<title>jquery checkbox 选中取消 checkbox多选框控制显示隐藏</title>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load("jquery", "1.2.6");
</script>
</head>

<body>
<style type="text/css">
*{margin:0;margin:0;list-style-type:none;}
a,img{border:0;}
img{vertical-align:middle;}
label{cursor:pointer;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{*font-size:100%}
body{font:12px/180% Arial,"宋体";color:#333;}

.formbox{width:400px;border:solid 1px #ddd;padding:10px 20px 20px 20px;margin:0 auto;}
.findfive{height:20px;overflow:hidden;padding:5px 0 0 20px;}
/* findform */
#findform{padding:0 0 0 20px;}
#findform li .inputext{width:360px;height:20px;line-height:20px;padding:0 0 0 3px;background:url(images/inputbg.png) no-repeat;border:solid 1px #c6c6c6;}
#findform li .inputext input{border:none;font-family:Arial;background:none;width:97%;margin:3px 0 0 0;}
#findform li .grayinput{background:url(images/inputgraybg.png) no-repeat;}
</style>

<div class="formbox">
<div class="findfive"><input type="checkbox" name="" id="five" /> <label for="five">点击填写内容信息</label></div>
<ul id="findform" class="clearfix">
<li><span class="f-l">姓名：</span><div class="f-l inputext grayinput"><input type="text" name="" value="" id="" disabled="disabled" /></div></li>
<li><span class="f-l">性别：</span><div class="f-l inputext grayinput"><input type="text" name="" value="" id="" disabled="disabled" /></div></li>
<li><span class="f-l">电话（选填）：</span><div class="f-l inputext grayinput"><input type="text" name="" value="" id="" disabled="disabled" /></div></li>
</ul>
</div>

<script type="text/javascript">
$(document).ready(function(){
$("#five").click(function(){
if($(this).attr("checked")){
$("#findform li input").removeAttr("disabled","");
$("#findform li .inputext").removeClass("grayinput");
}else{
$("#findform li input").attr("disabled","disabled");
$("#findform li .inputext").addClass("grayinput");
}
})
});
</script>
</body>
</html>

原文地址:http://www.corange.cn/archives/2011/11/3798.html

posted @ 2011-11-15 10:36 corange 阅读(10) 评论(0) 编辑

2011年10月12日

jquery示例可修改的表格

演示地址:http://www.corange.cn/demo/3787/index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>jquery示例可修改的表格</title>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load("jquery", "1.2.6");
</script>
<script type="text/javascript" src="js/jqueryEditUseBlur.js"></script>

</head>
<body>
<table border="1">
<tbody>
<tr>
<td class="editTD">
<input class="status" name="product.status" value="1" type="hidden">
<div class="editText">有货</div>
</td>
<td class="editTD">
<input class="status" name="product.status" value="2" type="hidden">
<div class="editText">缺货</div>
</td>
<td id="other">
5678
</td>
<td>
<div style="display: none">
<select id="selectStatus" name="a" >
<option >

</option>
<option id="1" value="1">
有货
</option>
<option id="2" value="2">
缺货
</option>
</select>
</div>
</td>
</tr>
</tbody>
</table>
</body>
</html>

原文地址:http://www.corange.cn/archives/2011/10/3787.html

posted @ 2011-10-12 21:41 corange 阅读(7) 评论(0) 编辑

2011年9月6日

滚动图片，2种效果，一种有首尾，一种没有

演示地址:http://www.corange.cn/demo/3785/index.html

<!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>滚动图片</title>
<style type="text/css">
body, h2, p {
margin:0px;
padding:0px;
}

ul, li {
margin:0px;
padding:0px;
list-style-type:none;
}

body {
font-size:12px;
}

.box {
width:960px;
height:114px;
margin:10px auto;
}

.left {
width:19px;
height:67px;
float:left;
display:inline;
cursor:pointer;
margin:23px 0 0 0;
background:url(http://zf4uc1.chinaw3.com/js/marquee/images/sj.jpg) no-repeat 0 0;
}

.left.hove {
background:url(http://zf4uc1.chinaw3.com/js/marquee/images/sj.jpg) no-repeat -19px 0;
}

.right {
width:19px;
height:67px;
float:left;
display:inline;
cursor:pointer;
margin:23px 0 0 0;
background:url(http://zf4uc1.chinaw3.com/js/marquee/images/sj.jpg) no-repeat 0 -67px;
}

.right.hove {
background:url(http://zf4uc1.chinaw3.com/js/marquee/images/sj.jpg) no-repeat -19px -67px;
}

.content {
width:915px;
height:114px;
float:left;
position:relative;
display:inline;
margin:0 0 0 4px;
overflow:hidden;
}

.content ul {
top:0px;
left:0px;
position:absolute;
}

.content ul li {
width:217px;
height:110px;
float:left;
padding:1px;
display:inline;
margin:0 9px 0 0;
border:1px solid #dfdfdf;
}
</style>
<script src="marquee.js" type="text/javascript"></script>
<script type="text/javascript">
window.onload = function(){
new Marquee("box", "left", "right", "content", {
marquee : 'once'
}, 'hove');
new Marquee("box1", "left", "right", "content");
};
</script>
</head>

<body>
<h1 align="center"><a href="http://www.cnblogs.com/archives/2011/09/05.html">滚动图片，2种效果，一种有首尾，一种没有</a></h1>
<div class="box" id="box">
<div class="left"></div>
<div class="content">
<ul style="width:100px;">
<li><img src="../demo1.jpg" /></li>
<li><img src="../demo2.jpg" /></li>
<li><img src="../demo3.jpg" /></li>
<li><img src="../demo4.jpg" /></li>
<li><img src="../demo5.jpg" /></li>
<li><img src="../demo6.jpg" /></li>
<li><img src="../demo7.jpg" /></li>
<li><img src="../demo8.jpg" /></li>
</ul>
</div>
<div class="right"></div>
</div>
<div class="box" id="box1">
<div class="left"></div>
<div class="content">
<ul style="width:100px;">
<li><img src="../demo1.jpg" /></li>
<li><img src="../demo2.jpg" /></li>
<li><img src="../demo3.jpg" /></li>
<li><img src="../demo4.jpg" /></li>
<li><img src="../demo5.jpg" /></li>
<li><img src="../demo6.jpg" /></li>
<li><img src="../demo7.jpg" /></li>
<li><img src="../demo8.jpg" /></li>
</ul>
</div>
<div class="right"></div>
</div>
</body>
</html>

原文地址:http://www.corange.cn/archives/2011/09/3785.html

posted @ 2011-09-06 12:12 corange 阅读(15) 评论(0) 编辑

2011年8月29日

计算一段日期内的周末天数（星期六，星期日总和

function get_weekend_days($start_date,$end_date){
if (strtotime($start_date) > strtotime($end_date)) list($start_date, $end_date) = array($end_date, $start_date);
$start_reduce = $end_add = 0;
$start_N = date('N',strtotime($start_date));
$start_reduce = ($start_N == 7) ? 1 : 0;
$end_N = date('N',strtotime($end_date));
in_array($end_N,array(6,7)) && $end_add = ($end_N == 7) ? 2 : 1;
$days = abs(strtotime($end_date) - strtotime($start_date))/86400 + 1;
return floor(($days + $start_N - 1 - $end_N) / 7) * 2 - $start_reduce + $end_add;
}

echo get_weekend_days(date("Y-m-d H:i:s",time()),"2011-8-21 15:23:48");

原文地址:http://www.corange.cn/archives/2011/08/3782.html

posted @ 2011-08-29 08:58 corange 阅读(2) 评论(0) 编辑

2011年8月10日

根据指定两个日期计算出这些时间内有多少天是周末 php程序函数代码

$alldays = intval((sstrtotime($_POST['dayb']) - sstrtotime($_POST['daya'])) / 3600 / 24) + 1; //总天数
$weeks = intval($alldays / 7); //纯周数
$mdays = $alldays - 7 * $weeks; //除了纯周数外，余下那周的天数
if($mdays == '0') {
$_POST['psdays'] = 5 * $weeks;
$_POST['zmdays'] = 2 * $weeks;
} else {
$aday = ''; //第一天是星期几，后面算出来
$adays = date("D", sstrtotime($_POST['daya']));
if($adays == 'Mon') {
$aday = "1";
} elseif($adays == 'Tue') {
$aday = "2";
} elseif($adays == 'Wed') {
$aday = "3";
} elseif($adays == 'Thu') {
$aday = "4";
} elseif($adays == 'Fri') {
$aday = "5";
} elseif($adays == 'Sat') {
$aday = "6";
} else {
$aday = "7";
}
if($aday == '7') {
$_POST['zmdays'] = 1 + 2 * $weeks;
$_POST['psdays'] = $mdays - 1 + 5 * $weeks;
} else {
$nfanwei = 7 - $aday; //范围，从星期$aday开始（包含这一天），还有$nfanwei天就到周六
if($mdays > $nfanwei) {
$_POST['zmdays'] = 2 + 2 * $weeks;
$_POST['psdays'] = $mdays - 2 + 5 * $weeks;
} elseif($mdays == $nfanwei) {
$_POST['zmdays'] = 1 + 2 * $weeks;
$_POST['psdays'] = $mdays - 1 + 5 * $weeks;
} else {
$_POST['zmdays'] = 0 + 2 * $weeks;
$_POST['psdays'] = $mdays + 5 * $weeks;
}
}
}

原文地址:http://www.corange.cn/archives/2011/08/3781.html

posted @ 2011-08-10 10:16 corange 阅读(58) 评论(0) 编辑

仅列出标题下一页

2012年2月

日

一

二

三

四

五

六

公告

昵称：corange
园龄：2年9个月
粉丝：7
关注：1

搜索

我的标签

window.onload冲突(1)

随笔分类

网站运营 (rss)

随笔档案(403)

文章分类(4)

php(4) (rss)

网站链接

web开发代码
沃凯德工具
沃凯德工贸公司多年来一直精心从事金刚石工具的研发和制作，现已成为中国相当有规模的金刚石工具的生产商