腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

java大数据

专栏作者

627

文章

443559

阅读量

29

订阅数

css当中hover用法

6.hover 例 1.6 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css"> #mymenu{ border: 1px solid black; /* refer to favo.dbk2008.com style.borderBottomWidth (Property) it corresponding CSS syntax: border-bottom-width: aWidth */ border-bottom-width: 4; width: 150px; background-color: #FF0000; } #mymenu a{ /*Elements having the display property set to "block" will be forced to start on a new line. qixy: this attribute can not be omitted.*/ display: block; /* the next statement is crucial, otherwise, there is no line inside the div. */ border-bottom: 1px solid black; } #mymenu a:hover{ font:bold 14pt Verdana; background-color: #ddddff; } </style> </head> <body> <div id="mymenu"> <a href="http://www.zhangsan.com/ ">张三</a> <a href="http://www.qixy.com">马克-to-win</a> <a href="http://www.lisi.com/">李四</a> </div> </body> </html>

马克java社区

2020-01-07

1K0

javascript当中createElement的用法

例 1.2（CreateP&InputIEFF.html） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <style type="text/css"> .test { background:#0000FF; } </style> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </HEAD> <BODY> </BODY> </HTML>

马克java社区

2020-01-07

5160

javascript当中如何操纵Node，（创建，附加，克隆，取代，去除，插入Node）

html javascript node.js

1.操纵Node，（创建，附加，克隆，取代，去除，插入Node）例 1.1（cloneNode()IEFF.html） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </HEAD> <BODY> </BODY> </HTML>

马克java社区

2020-01-06

5770

javascript当中link 的alternate stylesheet 用法

例 6.4：linkChangeCssFileIEFF.html 切换css文件：document.getElementsByTagName("link"); <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <TITLE> New Document </TITLE>  <link rel="alternate stylesheet" href="a.css" type="text/css" title="red" /> <link rel="stylesheet" href="b.css" type="text/css" title="green" /> <link rel="alternate stylesheet" href="c.css" type="text/css" title="blue" /> <script language="javascript"> function setActiveStyleSheet(t) { var links = document.getElementsByTagName("link"); links[0].disabled=false; links[1].disabled=true; links[2].disabled=true; alert(links[0].disabled+""+links[1].disabled+links[1].getAttribute("title")+links[2].getAttribute("href")); } </script> </HEAD> <body> 更多请见：https://blog.csdn.net/qq_43650923/article/details/102650892

马克java社区

2020-01-06

5760

javascript当中MapArea的用法

4.MapArea 例 4.1（MapAreaShapeIEFF.html） <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <body> <img src="markWeChat.jpg" border="0" usemap="#qixymap" /> <map name="qixymap" id="pmap"> <area shape="circle" coords="200,50,50" href ="us.html" target ="_blank" alt="us" /> <area shape="rect" coords="0,0,100,100" href ="rect.html" target ="_blank" alt="rect" /> </map> < p>马克-to-win：<b>注释：</b>img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性（根据浏览器），所以我们同时向 map 元素添加了 "id" 和 "name" 属性。</p> a.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标 b.圆形：必须使用三个数字，前两个数字为圆心的座标，最后一个数更多请见：https://blog.csdn.net/qq_43650923/article/details/102646475

马克java社区

2019-11-27

4020

javascript当中Map Area Shape 和onmousemove的用法

例 4.2（MapAreaShapeMouseMoveIEFF.html） <html> <head> <title> img hidefocus="true"必须加,否则ie8中点击map后，会粗线一个contour，轮廓线</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <script type="text/javascript"> function showTip(event,txt) { var newDiv = document.getElementById('newDiv'); newDiv.style.display="block"; //clientX是鼠标指针位置相对于窗口客户区域的 x 坐标 newDiv.style.left=event.clientX+10; //必须加上10，如果不加10的话，老会闪烁 newDiv.style.top=event.clientY+5; newDiv.style.position="absolute"; //必须指定这个属性，否则newDiv层无法跟着鼠标动 newDiv.innerHTML="<table class='my'><tr><td>" + txt + "</td></tr></table>";; } function closeTip() { var newDiv = document.getElementById('newDiv'); newDiv.style.display="none"; } </script> <style type="text/css">  </style> </head> <body> <div id="newDiv" style="display: none; z-index: 1;"> </div> <img hidefocus="true" src="markWeChat.jpg" border="0" usemap="#qixyplanetmap" /> <map name="qixyplanetmap" id="planetmap"> <area shape="circle" coords="200,50,50" href ="us.html" target ="_blank" alt="us" onmousemove="showTip(event,'想加微信 <br /> 必须得扫一下<br /> 否则是<br />加不上的<br />知道了吗')" onmouseout="closeTip()" onmousedown="" /> <area shape="rect" coords="0,0,100,100" href ="rect.html" target ="_blank" alt="rect" onmousemove="showTip(event,'想加微信 <br /> 必须得扫一下<br /> 否则是<br />加不上的<br />知道了吗')" onmouseout="closeTip()" onmousedown="" /> </map> < p><b>马克-to-win：注释：</b>img 元素中的 "usemap" 属性引用 map 元素中的 "id" 或 "name" 属性（根据浏览器），所以我们同时向 map 元素添加了 "id" 和 "name" 属性。</p> a.矩形：必须使用四个数字，前两个数字为左上角座标，后两个数字为右下角座标

马克java社区

2019-11-27

5100

javascript当中Map Area Shape 的用法

例 4.3（MapAreaShapeMouseOverIEFF.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> <script language="javascript"> function show(obj) { var pos=obj.coords; pos=pos.split(","); alert("pos is "+pos+" pos[1] is "+pos[1]+" pos[2] is "+pos[2]); var menu=document.getElementById("info"); menu.style.left=parseInt(pos[2])+"px"; menu.style.top=parseInt(pos[1])+"px"; menu.style.display="inline"; } function hide() { var menu=document.getElementById("info"); menu.style.display="none"; } </script> </head>

马克java社区

2019-11-27

4350

javascript当中radio的用法

5.radio 例 5.1（RadioReferenceIEFF.html） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <TITLE></TITLE> <SCRIPT LANGUAGE="JavaScript"> function clickH() { var form = document.forms[0]; if (form.school[0].checked) { form.school[1].checked = true; } } </SCRIPT> </HEAD> <BODY> <FORM METHOD=POST ACTION=""> 清华<INPUT TYPE="radio" NAME="school" value="th" checked><br> 北大<INPUT TYPE="radio" NAME="school" value="bd"><br> <INPUT TYPE="button" value="变" onClick="clickH()"/> </FORM> </BODY> </HTML> 更多请见：https://blog.csdn.net/qq_43650923/article/details/102515515

马克java社区

2019-11-27

1.8K0

javascript当中options的用法

6.options 选择列表例 6.1（SelectOptionAddIEFF.html） <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <TITLE> </TITLE> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </HEAD> <BODY onload="setProvinces()"> <!--Select.selectedIndex (Property) qi

马克java社区

2019-11-27

7240

javascript当中getElementsByName的用法

3.getElementsByName 例 3.1 getElementsByName()IEFF.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> </HEAD> <BODY> <script type="text/javascript">  </script> <INPUT TYPE="checkbox" onclick="choiceAll(this.checked)" >全选<P> <INPUT TYPE="checkbox" NAME="ch"><BR> <INPUT TYPE="checkbox" NAME="ch"><BR> <INPUT TYPE="checkbox" NAME="ch"><BR> <INPUT TYPE="checkbox" NAME="ch"><BR> <INPUT TYPE="checkbox" NAME="ch"><BR> </BODY> </HTML>

马克java社区

2019-11-27

4750

javascript当中getElementsByTagName的用法

例 6.3：getElementsByTagName()IEFF.html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </HEAD> <BODY> <SELECT NAME="" id="province" style="width:140px;background-color:red"> <option>红</option> <option>兰</option> <option>紫</option> </SELECT> </BODY> </HTML>

马克java社区

2019-11-27

4340

javascript当中div在单行（float:left）用法

html background width

div在单行（float:left）例 1.2.1 divInOneLineIEFF.html <div style="width:100px"> <div style="float:left; background-color:#CBCC00; width:33px">ab</div> <div style="float:left; background-color:#01000;width:34px"> </div> <div style="float:left; background-color:#00CBFF;width:33px">bc</div> </div>

马克java社区

2019-11-26

8300

javascript当中float:left，clear:left，float:right和clear:right用法

2.float:left，clear:left，float:right和clear:right用法例 1.2 <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <style type="text/css"> #first{ background-color:#EE1583; width:15%; float:left; } #second{ background-color:#90aaaa; width:15%; /*clear:right;*/ float:left; } #third{ background-color:#eeee00; width:15%; clear:left;/*马克-to-win：clear:left;效果就会换行了，文档：在左侧不允许浮动元素。*/ float:left; /*clear:right;*/ } #fourth{ background-color:#FF0000; width:20%; clear:left; /*clear:left;就会换行了*/ float:right; } #fifth{ background-color:#6A5ACD; width:20%; clear:right;/*上一个是clear:right，所以用clear:right;就会换行了*/ float:right; } </style> </head> <body> <span id="first" >11</span> <span id="second">22</span> <span id="third">33</span> <span id="fourth">44</span> <span id="fifth">55</span> </body> </html>

马克java社区

2019-11-26

1.1K0

javascript中html当中如何引用css文件

1.html当中如何引用css文件马克-to-win：css：Cascading Style Sheets 例 1.1 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title></title>  <link href="outer.css" rel="stylesheet"> </head> <body> <table width="190" height="80" border="2" > <tr> <td >张三</td> </tr> <tr> <td>qixy</td> </tr> <tr> <td>李四</td> </tr> <tr> <td>王五</td> </tr> </table> </body> </html> outer.css： table { background-color: #0000ff; } td { /*the following statement make the border to show, because of the different color.*/ background-color: #FF0000; }

马克java社区

2019-11-26

2.3K0

javascript当中parseFloat用法

html javascript 编程算法

3）parseFloat 例 4.3.1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> </head> <BODY> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </BODY> </HTML>

马克java社区

2019-11-26

6000

javascript当中parseInt用法

html javascript 编程算法

4）parseInt 例 4.4.1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> </head> <BODY> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </BODY> </HTML>

马克java社区

2019-11-25

1.4K0

javascript当中isNaN用法

2）isNaN 例 4.2.1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> </head> <BODY> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </BODY> </HTML>

马克java社区

2019-11-25

5320

javascript当中global对象用法

4.global对象 1）eval 例 4.1.1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> </head> <BODY> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </BODY> </HTML>

马克java社区

2019-11-25

5600

javascript当中eval用法

html javascript http 编程算法

1）eval 例 4.1.1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> </head> <BODY> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </BODY> </HTML> 例 4.1.2 <HTML> <HEAD> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <TITLE>在eclipse中直接open with火狐即可</TITLE> </HEAD> <BODY> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </BODY> </HTML>

马克java社区

2019-11-25

1.2K0

javascript当中冒泡（event bubble）用法

html javascript http

9.冒泡（event bubble）缺省情况下，当几个元素重合，事件从最上层元素开始往下层元素传播。例 9.1（bubbleIEFF.html） <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <script type="text/javascript"> function docClick(event) { var event = event || window.event; alert("IE和FF一样：外面文档："+event.type); } //document.captureEvents(Event.CLICK); document.onclick = docClick; </script> <div onClick="var event = event || window.event;alert('里面div：'+event.type);">ie和FF都冒泡从里往外</div> 缺省情况下，当几个元素嵌套重合，事件从最上层元素开始往下层元素传播。例 9.2（bubble1currentTargetsrcElementIEFF.html） <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <script type="text/javascript"> function gotClick(event, who) { /* 1) 在ie中没有currentTarget，我们只能用下面的方法：来仿真火狐的效果。 2）马克-to-win：event.target是最上层的元素，event.currentTarget是最底层的元素 */ var event = event||window.event; var eTarget =event.srcElement||event.target; var eCurrentBottomTarget =event.srcElement||event.currentTarget; if (window.navigator.userAgent.indexOf("MSIE") >= 1) 更多请见：https://blog.csdn.net/qq_43650923/article/details/102211582

马克java社区

2019-10-30

6100

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态