返回

首页

业界

电商

创业

访谈

手机

移动

报告

运营

建站

互联网+

系统

教程

易采站长站-移动端

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

2019-06-03 14:36:51王旭

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; 
    } 
								 <div class="pagination"><a title="Page"> <b>1</b>/<b>5</b> </a>   <b>1</b> <a href="/cos/2019/0603/298708_2.shtml">2</a> <a href="/cos/2019/0603/298708_3.shtml">3</a> <a href="/cos/2019/0603/298708_4.shtml">4</a> <a href="/cos/2019/0603/298708_5.shtml">5</a> <a href="/cos/2019/0603/298708_2.shtml">下一页</a> <a href="/cos/2019/0603/298708_5.shtml">尾页</a></div>
			 </div>
			</div>
			   </div>
		<div class="postMore">
				<div class="tab" id="tab">
    <span class="active">相关文章</span>
    <span>大家在看</span>
</div>
<div class="tabdiv">
    <div class="tabpane">
			<ul class="articleBar">
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097329.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/3a/1097329.jpg" src="https://www.easck.com/d/file/ap/a4/3a/1097329.jpg"></div>
<div class="txtInfo"><h3>Node.js使用express写接口的具体代码</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097326.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/58/1097326.jpg" src="https://www.easck.com/d/file/ap/a4/58/1097326.jpg"></div>
<div class="txtInfo"><h3>TensorFlow.js实现AI换脸使用示例详解</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097270.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316070012997.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316070012997.jpg"></div>
<div class="txtInfo"><h3>Vue使用pdf-lib实现为文件流添加水印并预览</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097269.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/c9/1097269.jpg" src="https://www.easck.com/d/file/ap/a4/c9/1097269.jpg"></div>
<div class="txtInfo"><h3>JS中call apply bind函数手写实现demo</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097266.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316063007966.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316063007966.jpg"></div>
<div class="txtInfo"><h3>Vue使用pdf-lib实现为文件流添加水印并预览</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097265.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/40/1097265.jpg" src="https://www.easck.com/d/file/ap/a4/40/1097265.jpg"></div>
<div class="txtInfo"><h3>JS中call apply bind函数手写实现demo</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097264.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316063006963.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316063006963.jpg"></div>
<div class="txtInfo"><h3>MutationObserver监视对DOM 树所做更改的功能妙用</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097256.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/c1/1097256.jpg" src="https://www.easck.com/d/file/ap/a4/c1/1097256.jpg"></div>
<div class="txtInfo"><h3>JS中call apply bind函数手写实现demo</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097254.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316060019625.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316060019625.jpg"></div>
<div class="txtInfo"><h3>Vue使用pdf-lib实现为文件流添加水印并预览</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097253.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316060018616.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316060018616.jpg"></div>
<div class="txtInfo"><h3>MutationObserver监视对DOM 树所做更改的功能妙用</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
			</ul>
		</div>
	  </div>
    <div class="tabpane">
	<ul class="articleBar">
	<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097329.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/3a/1097329.jpg" src="https://www.easck.com/d/file/ap/a4/3a/1097329.jpg"></div>
<div class="txtInfo"><h3>Node.js使用express写接口的具体代码</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097326.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/58/1097326.jpg" src="https://www.easck.com/d/file/ap/a4/58/1097326.jpg"></div>
<div class="txtInfo"><h3>TensorFlow.js实现AI换脸使用示例详解</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097270.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316070012997.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316070012997.jpg"></div>
<div class="txtInfo"><h3>Vue使用pdf-lib实现为文件流添加水印并预览</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097269.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/c9/1097269.jpg" src="https://www.easck.com/d/file/ap/a4/c9/1097269.jpg"></div>
<div class="txtInfo"><h3>JS中call apply bind函数手写实现demo</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097266.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316063007966.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316063007966.jpg"></div>
<div class="txtInfo"><h3>Vue使用pdf-lib实现为文件流添加水印并预览</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097265.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/40/1097265.jpg" src="https://www.easck.com/d/file/ap/a4/40/1097265.jpg"></div>
<div class="txtInfo"><h3>JS中call apply bind函数手写实现demo</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097264.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316063006963.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316063006963.jpg"></div>
<div class="txtInfo"><h3>MutationObserver监视对DOM 树所做更改的功能妙用</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097256.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/ap/a4/c1/1097256.jpg" src="https://www.easck.com/d/file/ap/a4/c1/1097256.jpg"></div>
<div class="txtInfo"><h3>JS中call apply bind函数手写实现demo</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097254.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316060019625.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316060019625.jpg"></div>
<div class="txtInfo"><h3>Vue使用pdf-lib实现为文件流添加水印并预览</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
<li class="imgBar">
<a class="linkBar clearfix" href="/cos/2023/0316/1097253.shtml">
<div class="imgInfo"><img webp="true" class="lazy" data-original="https://www.easck.com/d/file/p/2023/03-16/20230316060018616.jpg" src="https://www.easck.com/d/file/p/2023/03-16/20230316060018616.jpg"></div>
<div class="txtInfo"><h3>MutationObserver监视对DOM 树所做更改的功能妙用</h3><div class="extr clearfix"><p><span class="time fl">2023-03-16</span></p><p><span class="time fr">0万阅读</span></p></div></div>
</a>
</li>
	</ul>
    </div>
</div>
        <footer>
<p><a href="https://www.easck.com">电脑版</a> - <a href="https://wap.easck.com">移动首页</a></p>
<div style="display:none"><script type="text/javascript" src="/skin/wap/tongji.js"></script></div>
        </footer> 
		<script type="application/ld+json">
{
	"@context": "https://zhanzhang.baidu.com/contexts/cambrian.jsonld",
	"@id": "https://wap.easck.com/cos/2019/0603/298708.shtml",
	"title": "写了几个类，希望对大家有用。-易采站长站",
	"description": "1.日历 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 2.简单的下拉菜单 命令一 命令二 命令三 命令四 命令五 命令六 命令七 命令八 菜单一 菜单二 菜单三 菜单四 [Ctrl+A 全选 注:如需引",
	"pubDate": "2019-06-03 T 14:36:51+08:00",
	"upDate": "2019-06-03 T 14:36:51+08:00",
        "data":{
            "WebPage":{
                 "pcUrl":"https://www.easck.com/cos/2019/0603/298708.shtml",
                 "wapUrl":"https://www.easck.com/cos/2019/0603/298708.shtml",
                 "fromSrc":"易采站长站"
             }
        }
}
</script>
<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
</script>
	</body>
</html>