<!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">
#temp {
height: 300px;
width: 300px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #0C0;
border-right-color: #0C0;
border-bottom-color: #0C0;
border-left-color: #0C0;
background-color: #0FF;
}
.test {
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #0C0;
border-right-color: #0C0;
border-bottom-color: #0C0;
border-left-color: #0C0;
background-color: #0FF;
}
#aid {
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #0C0;
border-right-color: #0C0;
border-bottom-color: #0C0;
border-left-color: #0C0;
background-color: #0FF;
}
#plzClick {
background-color: #6CF;
height: 200px;
width: 200px;
}
</style>
</head>
<body>
<p><a href="#" onclick="this.id='aid'">这里是大字体</a> </p>
<hr/>
<p><a href="#" onclick="this.className='test'">这里是什么字体</a></p>
<hr/>
<div id="temp">测试一下字体</div>
<hr/>
<div id="plzClick">点击我吧</div>
<script type="text/javascript">
<!--
document.getElementById("temp").onclick=function(){
this.style.fontSize="30";
}
document.getElementById("plzClick").onclick=function(){
this.style.classText="height:400px;";//我做不出效果,路过的高手谁会,顺便说一声
}
//-->
</script>
</body>
</html>
分享到：
相关推荐
<tr class="normal" onclick="this.classList.toggle('highlight')"> 数据1 数据2 <style> .normal { background-color: white; } .highlight { background-color: lightblue; } </style> ``` 在这个...
<!...--STATUS OK--><html><head><meta http-equiv="content-type" ...list-style:none}body,form,#fm{position:relative}td{text-align:left}img{border:0}a{color:#00c}a:active{color:#f60}.bg{background-image:url...
<td class="a2" id="l1" onmouseover="changestyle(l1, 'a1')" onmouseout="changestyle(l1, 'a2')"> 样式一 <!-- ... --> ``` 这里，当鼠标悬停在表格单元格上时，背景边框颜色会改变，离开后恢复...
<LI><INPUT class=btn_login id=btnSignCheck onmouseover="this.className='btn_login hover'" onclick=sign_check_and_submit() onmouseout="this.className='btn_login'" type=button name=btn_login> ...
document.body.insertAdjacentHTML('beforeEnd', '<table id="' + this.id + '" border="0" cellspacing="0" cellpadding="0" style="top:0;left:0;display:none;" class="menutable" onmousedown=event....
如果你想得到 jQuery对象，可以使用 $(this) 函数。 jQuery 代码: $("img").each(function(){ $(this).toggleClass("example"); }); -----------------------------------------------------------------------...
<input type=text name=text1 value="123" onfocus="this.select()"> ENTER键可以让光标移到下一个输入框 (event.keyCode==13)event.keyCode=9"> 文本框的默认值 <input type=text value="123" onfocus="alert...
list-style-type: none; } body { font-family: "Times New Roman", Times, serif; } ``` 这些基本样式清除了浏览器默认的边距和填充，统一了列表项的样式，并设置了字体。 #### 2. 轮播图容器样式 ```css #box {...
- `<input class="t" id="test" readonly value="这里是标题,双击文字后实现编辑文本功能">`：定义了一个初始为只读状态的输入框，用于展示文本。 - `修改" style="display: none;" id="submit">`：定义了一个隐藏...
this.className = this.className.replace(' cur', ''); // 隐藏关联内容区域 hideContent(this); }; } function showContent(tab) { var index = Array.prototype.indexOf.call(tabs, tab); var cons = ...
<link href="style/style.css" rel="stylesheet" type="text/css"> <script language="JavaScript"> var state; //初始化 function playerinit() { player.url="mp3.m3u"; player.settings.autoStart = false...
### JavaScript核心编程教程知识点概述 ... this.style.backgroundColor = 'pink'; }; } ``` 以上内容是《JavaScript核心编程教程》的主要知识点总结，希望能帮助读者更好地理解和掌握JavaScript的基本操作技巧。
<div class="mytable" id="tab"> <li><a href="#">一个XP风格的VC++窗体界面库含示例源程序</a></li> <li><a href="#">Delphi文件锁定源程序示例</a></li> ... ``` ##### 2. CSS样式定义 接下来，我们定义...
<input name="keyword" type="text" id="keyword" size="25"> <select name="select" size="1"> 名称</option> 说明</option> <option value="id">id</option> </select> 查询"> </form> ------search.asp-...
onMouseOver="this.className=btnPic" 二、简答题 1. 什么是标记选择器？CSS 标记选择器就是声明哪些标记采用哪种 CSS 样式。例如：h1{color:red;font-size:25px; } 2. 什么是类别选择器？类别选择器的名字可以由...
textLayerDiv.className = 'text-layer'; pageDiv.appendChild(textLayerDiv); new TextLayerBuilder({ textLayerDiv, pageIndex: i - 1, pdfPage: pdf.getPage(i), }).build(); } ``` 5. **Vue 组件**： ...
<li onmouseout="this.className='menu2'" onmouseover="this.className='menu1'" class="menu2"> <div class="list"> 链接1 链接2 链接3 <li onmouseout="this.className='menu2'" onmouseover="this....
document.write('<script type="text/javascript" >BAIDU_CLB_SLOT_ID = "288992";</script>'); document.write(ojs);} if (code=="top210x90_2"){ document.write('<script type="text/javascript" >BAIDU_CLB_SLOT...
style type="text/css"> body {margin:0;text-align:center;color:#000;font:normal 12px Arial,Verdana,Tahoma;text-align:center;background:#C8D0D5;line-height:150%;} a:link,a:visited {color:#385065;...
<li class="menu2" onMouseOver="this.className='menu1'" onMouseOut="this.className='menu2'">账户管理 <div class="list"> 我爱CSS</a><br /> 我的首页</a><br /> 我的日志</a><br /> 我的相册</a><br />...