前端脚本(js/css)
czp11210
长期专注在车载物联网领域,智慧交通行业;精通C/C++、Java、JavaScript等高级语言;钟情于各种开源技术框架,先后参与过各大航空公司的会员、交易、结算等业务体系开发,主持过移动快速开发平台的建设。
展开
-
打印控制
var guihuan_element_num=0; var display_num=0; var undefined_num=0; $("document").ready(function(){ insertSpan(); var header_line原创 2009-05-12 17:19:00 · 901 阅读 · 0 评论 -
提醒消息框的用法(Sprytooltip.js)
具体见:http://adobe.github.io/Spry/samples/tooltip/SpryTooltipSample.htmlSpry Tooltip WidgetThis page highlights the capabilities of the Spry Tooltip Widget. By default the widget will need to re原创 2013-06-20 14:37:40 · 1713 阅读 · 1 评论 -
jquery创建遮罩层
$("").css({position:'absolute',top:0,left:0,backgroundColor:"#004400",opacity:0.1,zIndex:300}).height($(document).height()).width($(document).width()).hide().appendTo("body")需要遮罩原创 2013-11-13 10:18:24 · 1883 阅读 · 0 评论 -
通過修改注冊表來改變打印橫打
function window.onload() { shell = new ActiveXObject("WScript.Shell"); setTimeout("shell.sendKeys(%fu)",1); //works same as alt+F+U setTimeout("shell.sendKeys(%a)",1); // Orientation: Select原创 2009-05-12 17:47:00 · 774 阅读 · 0 评论 -
CSS3的calc()使用
calc()对大家来说,或许很陌生,不太会相信calc()是css中的部分。因为看其外表像个函数,既然是函数为何又出现在CSS中呢?这一点也让我百思不得其解,今天有一同事告诉我,说CSS3中有一个属性能实现自适应的布局,首先让我想到的是box-sizing,但跟我说还可以计算,这让我不得不想起calc()。因为早先在官网和一些blog上看到相关的介绍,但一直没有深入,也没有自己去测试过。今天花了一转载 2016-08-01 09:47:54 · 284 阅读 · 0 评论 -
【兼容性】关于ie8 的80020101报错
关于ie8 的80020101报错最近几个月,又有些懒惰,写篇博客,再次督促自己 工作之后,正式开始接触java,近几个月来,明显感到java有些臃肿,和简洁敏捷的rails相比,很是怀念,不过现在接触时间尚短,还是继续慢慢观察吧 工作中要用到ext.js,最近也慢慢开始了解,由于客户使用ie8浏览器,实在是非常脆弱,兼容性也不怎么好,和强壮的FF,ch转载 2016-08-23 09:32:36 · 3369 阅读 · 0 评论 -
【兼容性】Bootstrap模态框在IE8兼容性问题
用modal.js插件的模态框时,根据参考文档写下了如下代码: $('#myModal').modal('toggle').on('shown.bs.modal', function (e) { //TODO something });运行结果:chrome正常!IE8+(低版本没试)不响应事件,竟然不响应事件!>>排查步骤:翻看文档,看有没有转载 2016-08-23 11:36:09 · 6414 阅读 · 1 评论 -
CSS3的calc()使用
calc()对大家来说,或许很陌生,不太会相信calc()是css中的部分。因为看其外表像个函数,既然是函数为何又出现在CSS中呢?这一点也让我百思不得其解,今天有一同事告诉我,说CSS3中有一个属性能实现自适应的布局,首先让我想到的是box-sizing,但跟我说还可以计算,这让我不得不想起calc()。因为早先在官网和一些blog上看到相关的介绍,但一直没有深入,也没有自己去测试过。今天花了一转载 2016-09-14 10:07:51 · 562 阅读 · 1 评论 -
Jquery plugin制作:浮动树菜单
(function($){var defaults ={x: 0, //元素右下角x的偏移量y: -300,//元素右下角y的偏移量width:150,height:'auto',contentHeight:600,background:'#222d32'}$.fn.lineTreeLayer = function(options){原创 2016-09-20 09:22:37 · 820 阅读 · 0 评论 -
bootsrap选卡
/** * Website: http://git.oschina.net/hbbcs/bootStrap-addTabs * * Version : 1.0 * * Created by joe on 2016-2-4. */$.fn.addtabs = function (options) { obj = $(this); Addtabs转载 2016-09-24 11:44:29 · 687 阅读 · 0 评论 -
validationEngine中文版 — jquery强大的表单验证插件
中文汉化版,官方只有英文的。同时根据中国国情修改了部分验证规则。这个插件支持大部分的浏览器,但由于有使用到了css3的阴影和圆角样式,所以在IE浏览器下无法看到圆角和阴影效果(万恶的IE)。官方下载地址:http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is转载 2013-06-09 17:04:25 · 1063 阅读 · 1 评论 -
关于JS中的constructor与prototype
在学习JS的面向对象过程中,一直对constructor与prototype感到很迷惑,看了一些博客与书籍,觉得自己弄明白了,现在记录如下: 我们都知道,在JS中有一个function的东西。一般人们叫它函数。比如下面的代码js代码: [javascript] view plaincopyfunction Person转载 2013-05-24 00:33:48 · 651 阅读 · 0 评论 -
js設置web頁面邊矩
function killErrors(){ alert("將你的瀏覽器起始未標記為安全的ActiveX控件設置為開啟"); return true;} window.onerror = killErrors; var obj = new ActiveXObject("WScript.Shell");var str="HKEY_CURRENT_USER//Software//Microso原创 2009-05-12 17:40:00 · 542 阅读 · 0 评论 -
一个登录窗口穿越星空来到你面前,很深遂的感觉,运行一下试试。
一个很牛的登录窗口body { padding:0px; margin:0px; background-Color:black; border-width:0px; font-size:12px; color:#DDD; overflow:hidden;}#divLogin { padding:32px; background-Color:#转载 2009-08-24 17:16:00 · 650 阅读 · 0 评论 -
可拖动、关闭及最小化的层拖动窗口
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">DoDi Chat v1.0 Beta_Demo:CodeFans.netbody {text-align:left;margin:0;font:normal 12px Verdana, Arial;background:#转载 2009-08-24 17:57:00 · 750 阅读 · 1 评论 -
DIV完全自适应的实例,利用overflow:hidden你可以去掉默认存在的滚动条,一个仿框架的div布局就非常容易了
<!--* { margin:0; padding:0; list-style:none;}html { height:100%; overflow:hidden; background:#fff;}body { height:100%; overflow:hidden; background:#fff;}div { background:#f60; line-height:1转载 2009-08-24 18:08:00 · 741 阅读 · 0 评论 -
可使用Cookie保存的漂亮拖动层窗口
<!--body{ background-color:#36393D; font-size:12px; margin:0px; }DIV.dragLayer{ border:1px solid #369; background-color:#6BBA70; margin-bottom:10px;}DIV.dragLayer_over{ border:1px so转载 2009-08-24 18:12:00 · 590 阅读 · 0 评论 -
JS弹出基于Table的可关闭浮动层
<!-- isIE=document.all;isNN=!document.all&&document.getElementById;isN4=document.layers;isHot=false; function ddInit(e){ topDog=isIE ? "BODY" : "HTML"; whichDog=isIE ? document.a转载 2009-08-24 18:14:00 · 1659 阅读 · 0 评论 -
点击按钮,弹出一个可关闭的层窗口,网页背景变灰
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">弹出一个层,页面变灰function alertWin(title, msg, w, h){ var titleheight = "23px"; // 窗口标题高度 var bordercolor = "#336699"转载 2009-08-26 10:07:00 · 2248 阅读 · 0 评论 -
js的Function 是个对象
Js函数其实是个对象,但我总拿它和Java的方法一样对待,因为它的写法明明就是一个“函数”。 其实我们常用的定义函数的写法只是写法之一,写法其实有三种: 1 声明式的(静态的) 2 对象式的(动态的) 3 字面量式的(也被称为函数表达式) 下面分别介绍一下。 1 声明式的转载 2013-05-23 19:00:41 · 3028 阅读 · 0 评论 -
js继承
js继承有5种实现方式: 1、继承第一种方式:对象冒充 function Parent(username){ this.username = username; this.hello = function(){ alert(this.username); } } function Child(username,pass转载 2013-05-24 00:38:44 · 584 阅读 · 0 评论 -
CSS无图片实现小三角
#top {position: absolute;width: 0px;height: 0px;line-height: 0px;/*为了防止ie下出现题型*/border-bottom: 10px solid #89b007;border-left: 10px solid #fff;border-right: 10px solid #fff;left: 76px;原创 2016-09-28 10:11:00 · 565 阅读 · 0 评论