JS 粗浅
关注
分享
扫一扫
文章平均质量分 83
chaoyv
这个作者很懒，什么都没留下…
展开
-
速成淘宝购物车页面
yle type="text/css">body { margin:0px; padding:0px; font-size:12px; line-height:20px; color:#333;}ul, li, ol, h1, dl, dd { list-style:none; margin:0px; padding:0px;}a { color:#1965b3; text-decoration: none;}2013-12-09 22:50:41 · 160 阅读 · 0 评论 -
修改订单
="text/css">body{ font-size:13px; line-height:25px; }table{ border-top: 1px solid #333; border-left: 1px solid #333; width:400px;}td{ border-right: 1px solid #333; border-bottom: 1px solid #333; text-align:center;原创 2013-12-03 14:16:43 · 400 阅读 · 0 评论 -
锚点链接
nguage="javascript">function ppt(alink){ var path=alink.href; document.getElementById("placeholder").src=path;}function pLink(){ var links=document.getElementsByTagName("a"); for(var i=0;i<links.len原创 2013-12-03 14:16:33 · 128 阅读 · 0 评论 -
多幅图片切换的特效
var count=1;function ppt(){ for(var i=1;i<5;i++){ if(count==i){ document.getElementById("pic"+count).style.display="block"; }else{ document.getElementById("pic"+i).style.display="none"; }原创 2013-12-03 14:16:26 · 135 阅读 · 0 评论 -
全选/全不选效果
style type="text/css">.bg{ background-image: url(images/list_bg.gif); background-repeat: no-repeat; width: 730px;}td{text-align:center;font-size:13px;line-height:25px;}body{margin:0}</style></原创 2013-12-03 14:16:12 · 140 阅读 · 0 评论 -
图片的切换效果
e:12px}</STYLE><SCRIPT language="javascript">function init(){ document.getElementById("game1").style.display='none'; document.getElementById("mobile2").style.display='none'; document.get原创 2013-11-30 00:39:54 · 101 阅读 · 0 评论 -
制作树形菜单
e type="text/css">body { font-size:13px; line-height:20px;}a { font-size: 13px; color: #000000; text-decoration: none;}a:hover { font-size:13px; color: #ff0000;}img { vertical-align: middle; border:0;}.n原创 2013-11-30 00:39:36 · 167 阅读 · 0 评论 -
location与history
原创 2013-11-30 00:39:20 · 112 阅读 · 0 评论 -
非常简单的运算器
xt/css">* { margin:0; padding:0;}body { font-family:"宋体"; font-size:12px; color:#333;}.fm1, .fm2 { width:300px; margin:30px auto; background:#CCC; padding:30px 0 30px 0;}.fm1 input, .fm2 input { width原创 2013-11-30 00:39:05 · 152 阅读 · 0 评论 -
制作12小时进制的时钟
ew Date(); var year = time.getFullYear(); var month = time.getMonth()+1; var date = time.getDate(); var hh = time.getHours(); var mm = time.getMinutes(); var ss = time.getSeconds(); var day = time.getDay(); var type = "PM";原创 2013-11-30 00:38:48 · 631 阅读 · 0 评论 -
正倒等边三角形
>*{ margin:0; padding:0;}body{ font-size:12px; font-family:"宋体"; color:#333;}div{ margin:30px auto 0 auto; width:280px;}</style></head><body><div> <!--数据类型--原创 2013-11-29 12:55:21 · 190 阅读 · 0 评论 -
操作表格
="text/css">body { font-size:13px; line-height:25px;}table { border-top: 1px solid #333; border-left: 1px solid #333; width:300px;}td { border-right: 1px solid #333; border-bottom: 1px solid #333;}.center { te原创 2013-12-03 14:16:53 · 125 阅读 · 0 评论 -
改变文字的背景
g:0; margin:0;}body{ font-family:"宋体"; color:#333; font-size:14px;}table{ margin:50px auto 0 auto;}/*设置无下划线的超连接样式*/a{ text-decoration:none; font-size:13px; display:block;}/*鼠标在超链接上悬停时变为红颜色*/ a:hover{ text-decoration:underline; color:#原创 2013-12-04 05:12:14 · 101 阅读 · 0 评论 -
速成新用户注册页面
yle type="text/css">body,dl,dt,dd,div,form {padding:0;margin:0;}#header,#main{ width:670px; margin:0 auto; }.bg{ background-image:url(images/register_bg.gif); background-repeat:no-repeat; width:6px; height:6px; }2013-12-09 22:46:37 · 208 阅读 · 0 评论 -
贵美商城首页特效
type="text/css">.float { position:absolute; z-index:1;}body { margin:0; margin-top:3px; padding:0; font-size:12px; line-height:20px; color:#333;}a { color:#333333; text-decoration: none;}a:hover { color2013-12-06 15:07:39 · 507 阅读 · 0 评论 -
淘宝购物车页面
;style type="text/css">body { margin:0px; padding:0px; font-size:12px; line-height:20px; color:#333;}ul, li, ol, h1, dl, dd { list-style:none; margin:0px; padding:0px;}a { color:#1965b3; text-decoration: none;2013-12-06 14:38:00 · 3339 阅读 · 0 评论 -
全选与否和删除多行
ype="text/css">body { font-family: "Helvetica","Arial",sans-serif; background-color: #fff; color: #000;}table { margin: auto; border: 1px solid #699;}caption { margin: auto; padding: .2em; font2013-12-05 22:36:31 · 222 阅读 · 0 评论 -
新用户注册页面
tyle type="text/css">body,dl,dt,dd,div,form {padding:0;margin:0;}#header,#main{ width:670px; margin:0 auto; }.bg{ background-image:url(images/register_bg.gif); background-repeat:no-repeat; width:6px; height:6px; }2013-12-05 22:26:00 · 583 阅读 · 0 评论 -
简单的添加下拉菜单
link rel="stylesheet" type="text/css" href="css/global.css" /> <link rel="stylesheet" type="text/css" href="css/layout.css" /> <style type="text/css"&原创 2013-12-04 05:12:35 · 161 阅读 · 0 评论 -
使用正则表达式验证注册页面
;/title><style type="text/css">body{ margin:0; padding:0; font-size:12px; line-height:20px;}.main{ width:525px; margin-left:auto; margin-right:auto; }.hr_1 { font-size: 14px; font-weight: bold;原创 2013-12-04 05:12:28 · 3472 阅读 · 0 评论 -
注册贵美商城
el="stylesheet" type="text/css" href="css/global.css" /> <link rel="stylesheet" type="text/css" href="css/layout.css" /></head><body> &a原创 2013-12-05 22:10:21 · 495 阅读 · 0 评论 -
带关闭按钮的滚动广告
loat{ z-index:2px; position:absolute; left:50px; top:100px; width:117px; height:150px;} #close{ z-index:2px; position:absolute; left:154px; top:100px; width:13px; height:13px;}</style></head><body>&原创 2013-12-04 05:12:25 · 1110 阅读 · 0 评论 -
使用style改变样式
;style type="text/css">#left{ background-image: url(images/left.jpg); background-repeat: no-repeat; height:32px; width:10px; }ul{ margin: 0px; padding: 0px; float: left;}li{ background-image: url(images/bg1.jpg);原创 2013-12-04 05:13:29 · 188 阅读 · 0 评论 -
购物简易计算器
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>简易计算器</title><style type="text/css">*{ margin:0; padding:0;}body{ font-size:12px; color:#333;原创 2013-11-29 12:55:17 · 870 阅读 · 0 评论 -
速成淘宝购物车页面
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>淘宝购物车页面</title>&l2013-12-09 22:50:41 · 177 阅读 · 0 评论 -
修改订单
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>修改订单</title><原创 2013-12-03 14:16:43 · 504 阅读 · 0 评论 -
锚点链接
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>Image Gallery</title>原创 2013-12-03 14:16:33 · 139 阅读 · 0 评论 -
多幅图片切换的特效
<HTML><HEAD><META http-equiv="Content-Type" content="text/html; charset=gb2312"><TITLE>多幅图片切换的特效</TITLE><SCRIPT type="text/javascript"&原创 2013-12-03 14:16:26 · 231 阅读 · 0 评论 -
全选/全不选效果
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>全选/全不选效果</title>&原创 2013-12-03 14:16:12 · 117 阅读 · 0 评论 -
图片的切换效果
<HTML><HEAD><META http-equiv="Content-Type" content="text/html; charset=gb2312"><TITLE>图片的切换效果</TITLE><STYLE type="text/css">td{原创 2013-11-30 00:39:54 · 112 阅读 · 0 评论 -
制作树形菜单
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>制作树形菜单</title>&l原创 2013-11-30 00:39:36 · 230 阅读 · 0 评论 -
location与history
<table border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="images/spring.jpg" alt="春天" /></td> <td&原创 2013-11-30 00:39:20 · 88 阅读 · 0 评论 -
非常简单的运算器
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>运算器</title><st原创 2013-11-30 00:39:05 · 178 阅读 · 0 评论 -
制作12小时进制的时钟
<body> <div id="time" style="color:#F00";></div> <script type="text/javascript" src="js/time.js"></script></body> func原创 2013-11-30 00:38:48 · 3863 阅读 · 3 评论 -
正倒等边三角形
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>js</title><sty原创 2013-11-29 12:55:21 · 202 阅读 · 0 评论 -
操作表格
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>操作表格</title><原创 2013-12-03 14:16:53 · 109 阅读 · 0 评论 -
改变文字的背景
<HTML><HEAD><META http-equiv="Content-Type" content="text/html; charset=gb2312"><TITLE>改变文字的背景</TITLE> <STYLE type="text/css" >*原创 2013-12-04 05:12:14 · 120 阅读 · 0 评论 -
速成新用户注册页面
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>新用户注册页面</title>&l2013-12-09 22:46:37 · 256 阅读 · 0 评论 -
贵美商城首页特效
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>贵美商城首页</title><2013-12-06 15:07:39 · 884 阅读 · 0 评论 -
淘宝购物车页面
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>淘宝购物车页面</title>&am2013-12-06 14:38:00 · 1279 阅读 · 0 评论