keimon
- 浏览: 76182 次
- 性别:
- 来自: 上海
-
最新评论
-
ch2004：
...
仿百度百科的页面导航效果 -
y_hai_n：
需要再加一个jquery.min.js，效果就出来了，谢谢分享 ...
仿百度百科的页面导航效果 -
liu621java：
t=exp(2)*L*cos(degree)-L; 能详细的解 ...
两种图片360度旋转方法的比较 -
town2you：
代码很好用，谢谢！不过有个小问题不知道怎么弄：右边导航栏是固 ...
仿百度百科的页面导航效果 -
town2you：
很好用，谢谢了！
仿百度百科的页面导航效果
文章列表
//NewDate函数用于解决ie浏览器，不支持new Date（）里面有参数
function NewDate(str) {
str = str.split('-');
var date = new Date();
date.setUTCFullYear(str[0], str[1] - 1, str[2]);
date.setUTCHours(0, 0, 0, 0);
return date;
}
/*
Date.setUTCFullYear()
...
三角型的常见写法，及三角的旋转
<style>div{ margin:50px;}.triangle{ width:0; height:0; border-width:30px; border-style:solid; border-color:red blue yellow green; overflow:hidden;}.triangle1{ border-width:30px; border-color:#000 transparent transparent transparent; border-sty ...
1、<input type='button' id='btn' />
css代码
#btn{text-indent:-9999px; *line-height:200px; *over-flow:hidden;}
注释：对于input标签的text-indent属性为负数时，ie6，7下的效果会使input本身也消失了，用line-height和over-flow可以达到相同的效果；
2：在低版本的ie6，7下，元素都会占据默认的高度，在做一些处理的时候，可以加上height:0,overflow:hidden，去除其本身的高度；
如：css模拟三角的定位
&l ...
//获取IE浏览器的版本号//返回数值，显示IE的主版本号function getIEVer() { var ua = navigator.userAgent; //获取用户端信息 var b = ua.indexOf("MSIE "); //检测特殊字符串"MSIE "的位置 if (b < 0) { return 0; } return parseFloat(ua.substring(b + 5, ua.indexOf(";", b))); //截取版本 ...
<!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=gb2 ...
//表格添加行，删除行通用方法：//评标办法/** 参数意思： tabId:表格的id值； rowNum:添加行，删除行所在行即tr的id值； tdRows:数组，当添加行时，需要增加某些td的rowSpan时，把这些td的id放在一个数据中，当不需要时，数据为空，即[]； startId:增加行数，各个新增td的id值的起始id值； hidId:隐藏域的值； cellArr:数组，新增行td的colSPan数组，默认是增加，删除按钮所在td的colSpan值；*/ //添加行 function addRow(tabId,rowNum,tdRows,startId, ...
1：scrollDiv 点击div框使页面滚动到顶部或底部，可根据参数不同，创建不同的div样式；https://github.com/keimon/scrollDiv1.git2：创建表格，可以根据参数的不同，创建各种的表格样式；https://github.com/keimon/createTable.git
3：创建滚动条；https://github.com/keimon/progressBar
4：搜索提示插件（可解析json数据，获得与用户输入的内容相匹配的内容，并呈现出来供用户选择）；https://github.com/keimon/searchTip.git
今天无意间看到了360导航-右侧页面滚动定位效果，发现他们做的火箭上升的效果挺有趣的，就模仿了一个类似的。在IE8，ff，opera中测试可以；具体代码如下：
<!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>& ...
jquery-简单插件编写
- 博客分类：
- jquery
<!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=gb23 ...
<!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=gb23 ...
<!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=gb2 ...
Javascript处理表格行的添加，删除，及重载时新增行的处理；具体代码如下：
<SCRIPT type=text/javascript src="mdbDataBase.js"></SCRIPT><script> //添加行； function addRow(tabId,rowNum,tdRows,startId,hidId){ var tab = document.getElementById(tabId); var rowNum = document.getElementById(rowNum); va ...
用js操作mdb数据库的一些操作，包括数据的读取和存储；
html页面信息 mdb数据库表一mdb数据库表二
具体代码如下：
//获得fileName的路径；function serverMapPath(fileName) { var syspath = location.href; //file:///c:/Documents%20and%20Settings/Administrator/桌面/新建文件夹/handle-mdb.html alert(syspath) syspath = syspath.toLowerCase();
myPosition = syspath. ...
IE6不支持png格式的透明图片，网上有很多修复此bug的方法，个人感觉IE滤镜方法最为简单。实例代码如下：<style>div{ width:900px; height:400px; position:relative;}#div2{ position:absolute; left:0; top:0; background-image: url(2.png)!important;/* FF IE7 */ background-repeat: no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaI ...
IE6不支持position：fixed属性，查找发现有几种方法可以实现该属性，但因为对js较熟悉，就用position：absolute和js来模拟ie6的fixed属性。示例代码如下：<style>*{ margin:0; padding:0;}#div1{ position:relative; width:200px; height:200px; background-color:#666;}#div2{ position:fixed; _position:absolute; width:100px; height:100px; background-c ...