设为首页收藏本站订阅更新

无忧脚本

 找回密码
 加入无忧

QQ登录

只需一步,快速开始

搜索
楼主: 卫星星

[无忧经典旧帖] == 众多高手的心血集合

[复制链接]
 楼主| 发表于 2003-3-17 18:47:23 | 显示全部楼层
组合框


  1. <script language="JScript">
  2. document.write(
  3. "<style>body,td,a{font-size:9pt}</style>"+
  4. "<div style=\"position:absolute\">"+
  5. "<input style=\"width:150;border:1 #707888 solid;background:#f4f4f4\" id=\"cinput\" value=\"输入东西后回车试试.\" onkeydown=\"writecode()\">"+
  6. "<input style=\"position:absolute;left:132;top:2;border:0;width:17;height:17;background:#e1e1e1;font-family:'Webdings';color:#707888\" type=\"button\" value=\"6\" id=\"cbutton\" onclick=\"towrite()\">"+
  7. "<span id=\"cwrite\" onclick=\"cwrite.style.display='none'\" style=\"position:absolute;left:0;top:21;border:1 #707888 solid;width:150;background:#f4f4f4;display:none\" onmouseover=\"tocolor('#cccccc')\" onmouseout=\"tocolor('')\"></span>"+
  8. "</div>"
  9. );
  10. function writecode(){
  11.         if(event.keyCode==13&&cinput.value!==""){
  12.                 cwrite.innerHTML+="<div style=\"width:100%\" onclick=\"alert(this.innerText)\" oncontextmenu=\"this.outerHTML=''\">"+cinput.value+"</div>";
  13.                 cwrite.style.display="";
  14.                 }
  15. }
  16. function tocolor(color){
  17. obj=event.srcElement;
  18.         if(obj.tagName=="DIV"){
  19.                 obj.style.background=color;
  20.                 }       
  21. }
  22. function towrite(){
  23.         with(cwrite.style)if(display=="none")display="";else display="none";
  24. }
  25. function document.onclick(){
  26. }
  27. </script>

复制代码
 楼主| 发表于 2003-3-17 18:48:02 | 显示全部楼层
上标和下标


  1. <div align="left">
  2.   <table border="1" width="102" height="56" cellpadding="0" bordercolor="#FFFFFF">
  3.     <tr>
  4.       <td width="18" height="44" rowspan="2"><b><font size="7"><i>H</i></font></b></td>
  5.       <td width="25" height="10"></td>
  6.       <td width="28" height="44" rowspan="2"><b><i><font size="7">O</font></i></b></td>
  7.     </tr>
  8.     <tr>
  9.       <td width="25" height="34"><b><i><font size="5">2</font></i></b></td>
  10.     </tr>
  11.   </table>
  12. </div>


复制代码
 楼主| 发表于 2003-3-17 18:48:49 | 显示全部楼层
组合框


  1. <object classid="clsid:8BD21D30-EC42-11CE-9E0D-00AA006002F3" id="ComboBox1" width="184" height="21">
  2.   <param name="VariousPropertyBits" value="746604571">
  3.   <param name="BackColor" value="2147483653">
  4.   <param name="ForeColor" value="2147483656">
  5.   <param name="MaxLength" value="0">
  6.   <param name="BorderStyle" value="0">
  7.   <param name="ScrollBars" value="0">
  8.   <param name="DisplayStyle" value="3">
  9.   <param name="MousePointer" value="0">
  10.   <param name="Size" value="4868;556">
  11.   <param name="PasswordChar" value="0">
  12.   <param name="ListWidth" value="0">
  13.   <param name="BoundColumn" value="1">
  14.   <param name="TextColumn" value="65535">
  15.   <param name="ColumnCount" value="1">
  16.   <param name="ListRows" value="8">
  17.   <param name="cColumnInfo" value="0">
  18.   <param name="MatchEntry" value="1">
  19.   <param name="ListStyle" value="0">
  20.   <param name="ShowDropButtonWhen" value="2">
  21.   <param name="ShowListWhen" value="1">
  22.   <param name="DropButtonStyle" value="1">
  23.   <param name="MultiSelect" value="0">
  24.   <param name="Value" value>
  25.   <param name="Caption" value>
  26.   <param name="PicturePosition" value="458753">
  27.   <param name="BorderColor" value="2147483654">
  28.   <param name="SpecialEffect" value="2">
  29.   <param name="Accelerator" value="0">
  30.   <param name="GroupName" value>
  31.   <param name="FontName" value="System">
  32.   <param name="FontEffects" value="1073741825">
  33.   <param name="FontHeight" value="165">
  34.   <param name="FontOffset" value="0">
  35.   <param name="FontCharSet" value="134">
  36.   <param name="FontPitchAndFamily" value="34">
  37.   <param name="ParagraphAlign" value="1">
  38.   <param name="FontWeight" value="700">
  39. </object>

复制代码
 楼主| 发表于 2003-3-17 18:49:28 | 显示全部楼层
添加与删除Option对象


  1. <html>
  2. <head>
  3. <title>添加与删除Option对象</title>
  4. <script language="JavaScript">
  5. // 添加选项
  6. function addOption(pos){
  7.     var objSelect = document.myForm.mySelect;
  8.     // 取得字段值
  9.     var strName = document.myForm.myOptionName.value;
  10.     var strValue = document.myForm.myOptionValue.value;
  11.     // 建立Option对象
  12.     var objOption = new Option(strName,strValue);
  13.     if (pos == -1 & pos > objSelect.options.length)
  14.        objSelect.options[objSelect.options.length] = objOption;
  15.     else
  16.        objSelect.add(objOption, pos);
  17. }
  18. // 删除选项
  19. function deleteOption(type){
  20.     var objSelect = document.myForm.mySelect;
  21.     if (type == true)
  22.        objSelect.options[objSelect.selectedIndex] = null;
  23.     else
  24.        objSelect.remove(objSelect.selectedIndex);
  25. }
  26. // 显示选项信息
  27. function showOption(objForm){
  28.     var objSelect = objForm.mySelect;
  29.     var name = objSelect.options[objSelect.selectedIndex].text;
  30.     var value = objSelect.options[objSelect.selectedIndex].value;
  31.     alert(name + " = " + value);
  32. }
  33. </script>
  34. </head>
  35. <body>
  36. <h2>添加与删除Option对象</h2>
  37. <hr>
  38. <form name="myForm">
  39. <select name="mySelect">
  40. <option value="中国" Selected>中国</option>
  41. <option value="日本">日本</option>
  42. <option value="美国">美国</option>
  43. </select>
  44. <input type="button" onclick="showOption(this.form)" value="显示">
  45. <input type="button" onclick="deleteOption(true)" value="删除">
  46. <input type="button" onclick="deleteOption(false)" value="Remove方法"><br><br>
  47. 选项名称 : <input type="text" name="myOptionName" value="英国"><br>
  48. 选项的值 : <input type="text" name="myOptionValue" value="value4">
  49. <input type="button" onclick="addOption(-1)" value="添加">
  50. <input type="button" onclick="addOption(0)" value="插入">
  51. </form>
  52. </body>
  53. </html>

复制代码
 楼主| 发表于 2003-3-17 18:50:07 | 显示全部楼层
系统提供的日期输入框


  1. <object width=106 height=23 classid=clsid:{20DD1B9E-87C4-11D1-8BE3-0000F8754DA1}>
  2.   <param name="_ExtentX" value="2805">
  3.   <param name="_ExtentY" value="609">
  4.   <param name="_Version" value="393216">
  5.   <param name="MousePointer" value="0">
  6.   <param name="Enabled" value="1">
  7.   <param name="OLEDropMode" value="0">
  8.   <param name="CalendarBackColor" value="-2147483643">
  9.   <param name="CalendarForeColor" value="-2147483630">
  10.   <param name="CalendarTitleBackColor" value="-2147483647">
  11.   <param name="CalendarTitleForeColor" value="-2147483630">
  12.   <param name="CalendarTrailingForeColor" value="8388608">
  13.   <param name="CheckBox" value="0">
  14.   <param name="CustomFormat" value>
  15.   <param name="DateIsNull" value="0">
  16.   <param name="Format" value="662831105">
  17.   <param name="UpDown" value="0">
  18.   <param name="CurrentDate" value="37365">
  19.   <param name="MaxDate" value="2958465">
  20.   <param name="MinDate" value="-109205">
  21. </object>

复制代码
发表于 2003-3-20 10:52:54 | 显示全部楼层

test

test
发表于 2003-3-29 09:18:58 | 显示全部楼层
有的的确不错
发表于 2003-3-29 17:05:15 | 显示全部楼层
真的很不错哦。
呵呵,今天我把它全部加到我的站里了,不会介意吧。
呵呵
http://www.cnzzlm.com
发表于 2003-4-25 17:55:24 | 显示全部楼层
卫星星 于 2003-3-17 18:47 写道:
组合框

[code]
<script language="JScript">
document.write(
"<style>body,td,a{font-size:9pt}</style>"+
"<div style=\"position:absolute\" ...


我说一下 上标有专门的标签<sup></sup>
需要用英文字体
发表于 2003-8-12 17:41:10 | 显示全部楼层

经典收藏

发表于 2003-8-23 11:26:24 | 显示全部楼层
话不多说,打包本贴下载1-5页,希望楼主设置此贴为 免灌水区 ,仅发精典代码

WWW.CQ1699.COM/SPORTS/TEMP/WU1-5.RAR
发表于 2004-4-7 17:04:41 | 显示全部楼层
是有很多值得研究的。。经典收藏在 说。。。
发表于 2004-4-13 13:32:23 | 显示全部楼层

酷酷的导航条

微软的风格




  1. <style>
  2. .flyoutMenu {
  3.     background-color: #F1F1F1;
  4.     border-color: #999999;
  5.     border-width: 0 1px 1px 0;
  6.     border-style: solid;
  7. }
  8. .flyoutMenu TD.flyoutLink  {
  9.     border-color: #F1F1F1;
  10.     border-width: 1px;
  11.     border-style: solid;
  12.     font-family: Verdana,Arial;
  13.     font-size: 70%;
  14.     padding: 1px 25px 3px 6px;
  15.     cursor: hand;
  16. }
  17. .flyoutLink a {
  18.     color: black;
  19.     text-decoration: none;
  20. }
  21. .flyoutLink a:hover {
  22.     color: black;
  23.     text-decoration: none;
  24. }
  25. .flyoutLink a:visited {
  26.     color: black;
  27.     text-decoration: none;
  28. }
  29. .flyoutLink a:active {
  30.     color: black;
  31.     text-decoration: none;
  32. }
  33.    
  34. </style>
  35. <script>
  36. function over(){
  37.     if(obj=event.srcElement)
  38.         if(obj.className=="flyoutLink"){
  39.             obj.style.backgroundColor='#cccccc'
  40.             obj.style.borderColor = '#999999'
  41.         }
  42. }
  43. function out(){
  44.     if(obj=event.srcElement)
  45.         if(obj.className=="flyoutLink"){
  46.             obj.style.backgroundColor='#f1f1f1'
  47.             obj.style.borderColor = '#f1f1f1'
  48.         }
  49. }
  50. function show(d){
  51.     if(obj=document.all(d))    obj.style.display=""
  52. }
  53. function hide(d){
  54.     if(obj=document.all(d))    obj.style.display="none"
  55. }

  56. document.onmouseover=over
  57. document.onmouseout=out
  58. </script>
  59.     <table class="flyoutMenu" width="778" cellpadding="0" cellspacing="0" border="0" >
  60.         <tr><td>
  61.         <table width="778" cellpadding="0" cellspacing="0" border="0">
  62.             <tr><td class="flyoutLink">微软菜单</td>
  63.             <td class="flyoutLink" onmouseover=show("div7")  onmouseout=hide("div7")><a href="javascript:alert(6)">中国</a></td>
  64.             <td class="flyoutLink"><a href="javascript:alert(2)">加拿大</a></td>
  65.             <td class="flyoutLink"><a href="javascript:alert(3)">英国</a></td>
  66.             <td class="flyoutLink"><a href="javascript:alert(4)">法国</a></td>
  67.             <td class="flyoutLink"><a href="javascript:alert(5)">意大利</a></td>
  68.             <td class="flyoutLink" ><a href="javascript:alert(5)">澳大利亚</a></td>
  69.             <td class="flyoutLink" handle="1672" onmouseover=show("div1")  onmouseout=hide("div1")><a href="javascript:alert(1)">美国</a></td>
  70.             <td class="flyoutLink" ><a href="javascript:alert(7)">日本</a></td>
  71.            </tr>
  72.        </table>
  73.        </td></tr>
  74.     </table>
  75. <div id=div1 style="position:absolute;display:none;left:620px;top:35px" onmouseover=show("div1") onmouseout=hide("div1")>
  76.   <table class="flyoutMenu" width="70" cellpadding="2" cellspacing="0" border="0" >
  77.         <tr><td>
  78.         <table width="70" cellpadding="0" cellspacing="0" border="0">
  79.             <tr><td class="flyoutLink">美国菜单</td></tr>
  80.             <tr><td class="flyoutLink"><a href="javascript:alert(1)">纽约</a></td></tr>
  81.             <tr><td class="flyoutLink"><a href="javascript:alert(2)">芝加哥</a></td></tr>
  82.             <tr><td class="flyoutLink"><a href="javascript:alert(3)">三藩市</a></td></tr>
  83.             <tr><td class="flyoutLink"><a href="javascript:alert(4)">华盛顿</a></td></tr>
  84.             <tr><td class="flyoutLink"><a href="javascript:alert(5)">费城</a></td></tr>
  85.         </Table>
  86.     </table>
  87. </div>
  88. <div id=div7 style="position:absolute;display:none;left:115px;top:35px" onmouseover=show("div7") onmouseout=hide("div7")>
  89.   <table class="flyoutMenu" width="100" cellpadding="0" cellspacing="0" border="0" >
  90.         <tr><td>
  91.         <table cellpadding="0" cellspacing="0" border="0">
  92.             <tr><td width="100%" class="flyoutLink">中国菜单</td></tr>
  93.             <tr><td width="100%" class="flyoutLink"><a href="javascript:alert(1)">北京</a></td></tr>
  94.             <tr><td width="100%" class="flyoutLink" onmouseover=show("div8") onmouseout=hide("div8")><a href="javascript:alert(2)">江苏</a></td></tr>
  95.             <tr><td width="100%" class="flyoutLink"><a href="javascript:alert(3)">深圳</a></td></tr>
  96.             <tr><td width="100%" class="flyoutLink"><a href="javascript:alert(4)">厦门</a></td></tr>
  97.             <tr><td width="100%" class="flyoutLink"><a href="javascript:alert(5)">大连</a></td></tr>
  98.         </Table>
  99.     </table>
  100. </div>
  101. <div id=div8 style="position:absolute;display:none;left:180px;top:90px" onmouseover='show("div8");show("div7")' onmouseout='hide("div8");hide("div7")'>
  102.   <table class="flyoutMenu" width="70" cellpadding="2" cellspacing="0" border="0" >
  103.         <tr><td>
  104.         <table width="70" cellpadding="0" cellspacing="0" border="0">
  105.             
  106.             <tr><td width="100%" class="flyoutLink"><a href="javascript:alert(1)">南京</a></td></tr>
  107.             <tr><td width="100%" class="flyoutLink"<a href="javascript:alert(2)">苏州</a></td></tr>
  108.             <tr><td width="100%" class="flyoutLink"><a href="javascript:alert(3)">无锡</a></td></tr>
  109.             <tr><td width="100%" class="flyoutLink"><a href="javascript:alert(4)">常州</a></td></tr>
  110.             <tr><td width="100%" class="flyoutLink"><a href="javascript:alert(5)">镇江</a></td></tr>
  111.         </Table>
  112.     </table>
  113. </div>
复制代码

[ 本帖由 zhihan 于 2004-4-13 13:36 最后编辑 ]
发表于 2004-10-21 09:49:05 | 显示全部楼层

谢谢各位高手

发表于 2004-12-23 16:12:02 | 显示全部楼层
太棒了,不过有好几个都没效果了?
发表于 2005-4-18 20:00:55 | 显示全部楼层

我不知道错在那里~~谁愿意帮我一把!!

<!--
a:hover{color:#ff0000}
body {margin-top:opx}
-->
</style></head>
<bodybgcolor="#000000"text="#ffffff"link="#cccccc">
<form>
  <div align="center">
  <input type="button"value="回"onclick="history.go(-1)"name="button">
<font size="5">流星划过长空"</font></dir>
</form>
<p>&nbsp;</p>
<table width="59%"border="0" align="center">
<tr>
  <td><applet code="UDSbounce1.class"width=128 height=128>
</applet></td>
<td></td></tr></table>
<p align="center">&nbsp;</p>
<ul>
<div align="center"></div>
</ul>
<p align="center">&nbsp;</p>
  </body>
</html>
发表于 2005-4-23 07:50:31 | 显示全部楼层

今天才接触!

太多了
慢慢消化吧
发表于 2005-4-26 17:33:34 | 显示全部楼层

崇拜中

俺辛辛苦苦一个个下载到第5页的时候,忽然
--------------------------------
91楼  

话不多说,打包本贴下载1-5页,希望楼主设置此贴为 免灌水区 ,仅发精典代码

WWW.CQ1699.COM/SPORTS/TEMP/WU1-5.RAR
----------------------------------------------------------------------
吐血中,
不过还好,连接没用~~
发表于 2005-6-29 13:08:36 | 显示全部楼层
………………多谢楼主,实在很有用哦!!
谢了哦…………
发表于 2005-7-3 20:49:05 | 显示全部楼层
太好了 不过前面几个程序漏了“<html>”所以运行代码的时候没有实现效果

帮顶了
您需要登录后才可以回帖 登录 | 加入无忧

本版积分规则

小黑屋|手机版|Archiver|无忧脚本 ( 苏ICP备05080427号 )|值班电话:027-62300445   鄂公网安备 42011102000433号

GMT+8, 2017-11-25 00:20 , Processed in 0.102883 second(s), 6 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表