mutongwu
- 浏览: 452385 次
- 性别:
- 来自: 广州
-
最新评论
-
ubuntu的疯狂：
推荐一份完整的教程：http://blog.ddlisting ...
Emberjs学习 -
ptz19：
请问，如果把合并前的文件，不要dest 目标目录来。如： js ...
gulp下静态资源的合并、压缩、MD5后缀 -
zhouzq1008：
楼主，还有个问题，<a href="" ...
gulp下静态资源的合并、压缩、MD5后缀 -
zhouzq1008：
感谢楼主，用到了您的代码， 但现在好像有改动 否则会报错：修改 ...
gulp下静态资源的合并、压缩、MD5后缀 -
denverj：
感谢分享~
Emberjs学习
文章列表
转载自：http://www.codebit.cn/pub/html/xhtml_css/tip/css_pagination_links/
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.pagination{
padding: 2px;
}
.pagination ul{
margin: 0;
padding: 0;
text-align: lef ...
转载自：http://www.codebit.cn/pub/html/xhtml_css/tip/css_shadow/
<style type="text/css">
/* 为 DIV 加阴影 */
.out {
position:relative;
background:bbb;
margin:10px auto;
width:240px;
}
.in {
background:fff;
border:1px solid 555;
padding:10px 5px;
position:relative;
top:-5px;
...
转载自：
http://www.codebit.cn/pub/html/xhtml_css/tip/input_background_image/为你的文本框加一个说明用途的小图标
input.txtInput {
background: fff;
background-repeat: no-repeat;
background-position: 2px center;
border:1px solid 999;
padding:2px 2px 2px 20px;
}
input.searchInput {background-image: url(search.gif) ...
<!--[if ie 6]>
<style>
#topNav ul li { float: left; height: 1%; }
#topNav ul li a { height: 1%; }
</style>
<![endif]-->
<body onload="init();">
<div id="topNav">
<ul>
<li><a href="#">Recipes</a> ...
<div id="demo">
<div id="content">
<table>
<tbody>
<tr>
<td><a href=""><img class="imgCls" src="img/1.jpg" /></a></td>
<td><a href=""><img class=&quo ...
连续滚动:该方法要求内容(contentDiv)的高度应该大于其容器(demo)的高度,然后复制一份内容，通过不断修改容器的scrollTop，来使得可见内容变化。(基本代码来自网上)
<div id="demo">
<div class="scroll" id="scroll"></div>
<div id="contentDiv">
<ul>
<li><a href="" title=&quo ...
<!--[if ie 6]>
<style>
#navigation ul li { float: left; height: 1%; }
#navigation ul li a { height: 1%; }
#topNav ul li { float: left; height: 1%; }
#topNav ul li a { height: 1%; }
</style>
<![endif]-->
<body onload="init();">
<div id=" ...
HTML页面代码
<body onload="init();">
<h2>Tab Menu 6</h2>
<div id="div1">
<div id="divWrapper">
<ul>
<li id="cnt1" class="showContent">
<div class="imgDiv">
<a href="#&q ...
.cnt{
background-color:#ccc;
width:200px;
height:200px;
}
.showContent{
display:block;
}
.hideContent{
display:none;
}
<div id="tabs6">
<ul>
<li><a href="#" title="Link 1"><span id="tabId1">Link 1&l ...
1.页面之间的简单跳转:
1-1.可以利用document.referrer属性与document.location.href属性来实现.
1-2.利用history对象来实现:
//go back one page
history.go(-1);
//go forward one page
history.go(1);
//go forward two pages
history.go(2);
//go to nearest wrox.com page
history.go('wrox.com');
//go to nearest ncz ...
var client = function() {
var engine = {
// rendering engines
ie : 0,
gecko : 0,
webkit : 0,
khtml : 0,
opera : 0,
// specific version
ver : null
};
var browser = {
// browsers
ie : 0,
firefox : 0,
safari : 0,
konq : 0,
opera : 0,
chrome : 0,
sa ...
<div id="div1" style="position:absolute;top:100px;left:200px;width:100px;background-color:green;height:100px;"></div>
<button onclick="doMoveElement();">moveElement</button>
function doMoveElement(){
var el = document.getElementById(' ...
.opacity{
filter:alpha(opacity=50);
-moz-opacity:0.5;
opacity: 0.5;
}
function Mask(){
var fl = document.documentElement.style.overflow;
document.documentElement.style.overflow = 'hidden';
var el = document.createElement('div');
el.id = 'maskDiv';
el.className = 'opacity';
el. ...
1.在文档加载完成以后，通过设置document.designMode = 'on'使文档为可编辑。
2.对文本的操作，如加粗、字体设置等，通过 document.execCommand(cmd,bool,param)来实现。
参数如下：
cmd:字符串，要执行的命令；
bool:布尔值，表示是否需要对 ...
clipboard数据通过clipboardData对象访问，它有getData(),setData(),clearData()三个方法。
window.clipboardData.getData(type):获取数据;
window.clipboardData.setData(type, value)：设置数据为value;
window.clipboardData.clearData():清除数据;
type通常取值为 'Text',表示文本格式。另一个取值是'URL'，表示URL格式。
相关的事件：
beforecopy,copy,beforecut,cut,befor ...