- 1、本文档共7页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
Css样式实例(一)
Css样式实例分析
实例1
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN
HTML
HEAD
TITLE New Document /TITLE
META NAME=Generator CONTENT=EditPlus
META NAME=Author CONTENT=
META NAME=Keywords CONTENT=
META NAME=Description CONTENT=
!--语法:
background-repeat : repeat | no-repeat | repeat-x | repeat-y
取值:
repeat : 默认值。背景图像在纵向和横向上平铺
no-repeat : 背景图像不平铺
repeat-x : 背景图像仅在横向上平铺
repeat-y : 背景图像仅在纵向上平铺
--
style
#idDiv{width:80%;height:1000px;padding:6px;background-color:buttonshadow;background-image:url(index.jpg);background-repeat:repeat;color:#FFFFFF;}
#idCodeDiv{width:80%;padding:4px;font-family:verdana,tahoma;margin:12px 0px 0px 0px;background-color:#EEEEEE;font-weight:bold;}
/style
script
function rdl_change(e){
var oCodeDiv=document.all(idCodeDiv);
var oDiv=document.all(idDiv);
with (document.all(idSel)){
if (selectedIndex!=0){
var sValue=options[selectedIndex].value;
oDiv.style.backgroundRepeat=sValue;
oCodeDiv.innerText=background-repeat : +sValue+;;
}
}
}
/script
/HEAD
BODY
div id=idDiv请从下方选择背景图片的平铺方式。/div
br
select id=idSel onchange=rdl_change();
option value=null请选择
option value=repeatrepeat
option value=no-repeatno-repeat
option value=repeat-xrepeat-x
option value=repeat-yrepeat-y
/select
br
div id=idCodeDivbackground-repeat : repeat ;/div
/BODY
/HTML
实例2
删除菜单
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd
html xmlns=/1999/xhtml
head
meta http-equiv=Content-Type content=text/html; charset=gbk /
title阿里西西/title
script type=text/javascript src=jquery.js/script
script type=text/javascript
$(document).ready(function(){
$(.pane .delete).click(function(){
$(this).parents(.pane).animate({ opacity: hide }, slow);
});
});
/script
style type=text/css
body {
margin: 10px auto;
width: 470px;
font-size:12px;
}
h3 {
margin: 0;
padding: 0 0 .3em;
}
p {
margin: 0;
padding: 0 0 .5em;
}
.pane {
background: #edf5e1;
padding: 10px 20px 10px;
position: relati
文档评论(0)