首页 > 开发 > JS > 正文

写了几个类，希望对大家有用。

2024-09-06 12:44:18

字体：大中小

来源：转载

供稿：网友

1.日历

<style type="text/css">     #oContainer {                    width: 193px;                    padding: 3px;                    background-color: menu;                    border-left: buttonhighlight 1px solid;                    border-top: buttonhighlight 1px solid;                    border-right: buttonshadow 1px solid;                    border-bottom: buttonshadow 2px solid;      }     .DateTable {                    font: 10pt;                    word-break: break-all;      }     .WeekTd, .BlankTd {                    font: 10pt;                    border: 1px solid menu;      }     .Today {                    font: 10pt;                    color: red;                    cursor: hand;                    position: relative;                    left: 1px;                    top: 1px;                    border-left: 1px solid dimgray;                    border-top: 1px solid dimgray;                    border-right: 1px solid white;                    border-bottom: 1px solid white;      }     .MonthTd {                    font: 10pt;                    font-family: webdings;                    cursor: hand;                    border: 1px solid menu;                    zmm: expression(onmouseenter = function() {                                   style.color = 'red';                         },                         onmouseout = function() {                                    style.color = '';                         });      }     .SelectTd {                    border: 1px solid menu;      }     .over {                    position: relative;                    cursor: hand;                    border-right: 1px solid buttonshadow;                    border-bottom: 1px solid buttonshadow;                    border-left: 1px solid buttonhighlight;                    border-top: 1px solid buttonhighlight;      }     .out {                    border-left: 1px solid buttonface;                    border-top: 1px solid buttonface;                    border-right: 1px solid buttonface;                    border-bottom: 1px solid buttonface;      }     .down {                    position: relative;                    left: 1px;                    top: 1px;                    border-left: 1px solid dimgray;                    border-top: 1px solid dimgray;                    border-right: 1px solid white;                    border-bottom: 1px solid white;      } </style>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
2.简单的下拉菜单

<style type="text/css">     #oData {                 display: none;      }     #oPanel {                width: 120px;                font-size: 12px;                border: 1px solid menu;                padding: 2px;                position: absolute;                display: none;     }     span {                font-size: 12px;                cursor: hand;     }             </SPAN>
</div>
</div>
<div class=page1>
<p align="center" class="pageLink"></p>
</div>

<div class="fenxiang">

<div style="text-align:left">上一篇：<a href='/wen/2024/09-06/1562148.html'>用 JavaScript 给站外链接的 cursor 进行改造</a></div>
<br>
<div style="text-align:left">下一篇：<a href='/wen/2024/09-06/1562150.html'>很有趣的一段textarea</a></div>
<br>
<script src=/d/js/acmsd/gao21.js></script>

</div>

<div class="pinglun">

<script>
		  function CheckPl(obj)
		  {
		  if(obj.saytext.value=="")
		  {
		  alert("您没什么话要说吗？");
		  obj.saytext.focus();
		  return false;
		  }
		  return true;
		  }
		  </script><form action="/e/pl/doaction.php" method="post" name="saypl" id="saypl" onsubmit="return CheckPl(document.saypl)">
<table width="100%" border="0" cellpadding="0" cellspacing="0" id="plpost">

<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="0" class="title">
<tr>
<td><strong>发表评论</strong></td>
<td align="right"><a href="/e/pl/?classid=159&id=1562149">共有<span><script type="text/javascript" src="/e/public/ViewClick/?classid=159&id=1562149&down=2"></script></span>条评论</a></td>
</tr>
</table>
<table width="100%" border="0" cellspacing="10" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellpadding="0" cellspacing="2">
<tr>
<td width="56%" align="left">用户名:
<input name="username" type="text" class="inputText" id="username" value="" size="16" /></td>
<td width="44%" align="left">密码:
<input name="password" type="password" class="inputText" id="password" value="" size="16" /></td>
</tr>
<tr>
<td align="left">验证码:
<input name="key" type="text" class="inputText" size="10" />
<img src="/e/ShowKey/?v=pl" align="absmiddle" /> </td>
<td align="left"><input name="nomember" type="checkbox" id="nomember" value="1" checked="checked" />
匿名发表</td>
</tr>
</table>
<textarea name="saytext" cols="70" rows="6" id="saytext">

学习交流

如何查找有故障的配件

如何查找有故障的配件...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遗憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 妈妈：高考虽重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回应是否会直播带货：有人出100万想和他合作！

2024-06-25 19:29:23

名校抢人名场面：清华、北大太拼了！

2024-06-25 19:22:14

男生高考语文满分！网友：第一次听说

2024-06-25 19:19:15

疑难解答

图片精选

网友关注