网站大量收购闲置独家精品文档,联系QQ:2885784924

Css样式实例(一).doc

  1. 1、本文档共7页,可阅读全部内容。
  2. 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
  3. 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  4. 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)

xcs88858 + 关注
实名认证
内容提供者

该用户很懒,什么也没介绍

版权声明书
用户编号:8130065136000003

1亿VIP精品文档

相关文档