12 2014 档案
摘要:在IE中可以自定义滚动条的样式 ,基于webkit的浏览器现在也可以自定义其样式:::-webkit-scrollbar {/* 1 */}::-webkit-scrollbar-button {/* 2 */}::-webkit-scrollbar-track {/* 3 */}...
阅读全文
摘要:方法一: 方法二: 方法三:
阅读全文
摘要:util=function(){return{$:function(id){returndocument.getElementById(id);},trim:function(str){returnstr.replace(/(^\s+)|(\s+$)/g,"");},len:function(str...
阅读全文
摘要:项目中设计的报表table设计的列数相对过多,当拖动下方的滚动条时无法对应表头所对应的列,因此在网上搜索了好一段日子,最后在网上找到了一些参考资料,然后总结归纳出兼容行列合并的固定表头demo。多浏览器没有做太多测试,在ie6中已测试通过。功能期待了很久今天终于找到解决的方式,总结到javaeye中...
阅读全文
摘要:一直以来,都对JS获取元素的位置感到非常的困惑:一会client、一会offset、一会scroll。再加上各大浏览器之间的不兼容,唉,搞得哥晕晕乎乎的。而很多页面效果都要用到这些位置。不得已,得练练,得记记。下面就来说说这个基于 JQuery的简易拖拽插件吧。 按惯例,先说说拖拽的原理,以及搞这么...
阅读全文
摘要:前言:在CSS的学习实践过程中,我经常遗忘一些貌似常用的代码,为了能够强化记忆特在此作归纳整理并将陆续增删,以备即时查阅。但愿今后能遇到问题及时解决,牢牢记住这些奇怪的字符们。一、关于段落文本强制对齐text-align:justify; text-justify:inter-ideograph;若...
阅读全文
摘要:Vanity Toolsetvanity toolset是一套方便的UI工具集,可以帮助你快速的搭建幻灯,聚光灯,占位,收放相关的UI,它完成了大部分的UI功能,你只需要花费很少时间就可以构建一个完整功能的UIpercentageloader这个漂亮的进度条插件可以帮助你快速构建一个功能丰富的加载条...
阅读全文
摘要:最近由于公司决定使用AJAX + Struts2来重构项目,让我仔细研究一下这两个,然后集中给同事讲讲,让每个人都能够有所掌握,慢慢会用。于是,自己便开始学习……由于Struts2自己早就学过,因而不需要花多少时间。而AJAX之前没怎么用过。现在AJAX框架如此之多,选择哪一个呢?开始打算选择doj...
阅读全文
摘要:CSS实现圆角,阴影,透明的方法很多,传统的方法都比较复杂,用CSS3就方便很多了,虽然现在各浏览器对CSS3的支持还不是很好,但不久的将来CSS3就会普及.1.圆角CSS3实现圆角有两种方法.第一种是背景图像,传统的CSS每个元素只能有一个背景图像,但是CSS3可以允许一个元素有多个背景图像.这样...
阅读全文
摘要:逛到发现这个 个人感觉非常赞下面是CSS样式Js代码input{border:1pxsolid#B3D6EF; background:#ffffff;}input{star:expression(onmouseover=function(){this.style.backgroundColor="#...
阅读全文
摘要:来源:http://www.noupe.com/ajax/13-awesome-java-script-css-menu.html翻译:http://parandroid.com下面为你准备了13个利用Javascript实现的网页导航菜单1)Sexy Sliding Menu- 基于mootool...
阅读全文
摘要:一、使用css缩写 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。 具体内容请浏览:CSS常用缩写语法二、明确定义单位,除非值为0。 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width="100",但是在CSS中,你必须给一个准确的单位,比如:width:100...
阅读全文
摘要:一:大多浏览器支持,低版本也没问题 我看点这方面的资料,是为了做手机应用网站(有三个方案,这个是备用方案),可以开发响应式网站,可以脱离开发平台进行跨平台。 在Html5网页中引入Modernizr,就能让IE支持HTML5新元素。 HTML5样板文件快速开发(html5boilerplate.co...
阅读全文
摘要:偶然发现自己原来写了一个CSS遮罩层,虽然这个东西没什么技术含量,但如果本人离开公司后又遇见此类问题,那么可能又得花些时间来找资料了。所以决定还是把它记下来吧。直接上代码吧。第一步,html代码:Java代码《挂号须知》上面的代码由三部分构成,popDiv表示弹出层,即单击“挂号须知”链接时弹出。而...
阅读全文
摘要://bubble sort?123456789101112131415161718192021222324252627282930function bubbleSort(arr,comp){for(var i = 0;i b;});console.log(input);input = new Ar...
阅读全文
摘要:今天给大家带来一款html5和css3实现的3D滚动特效。效果图如下:在线预览源码下载实现的代码。html代码:Html代码css3代码:Html代码body{height:100vh;}.container{position:absolute;height:100px;width:100px;le...
阅读全文
摘要:一、有点俗态的开场白要是两年前,实现“兼容性的渐变效果”这个说法估计不会被提出来的,那个时候,说起渐变背景,想到的多半是IE的渐变滤镜,其他浏览器尚未支持,但是,在对CSS3支持日趋完善的今天,实现兼容性的渐变背景效果已经完全成为可能,本文就将展示如何实现兼容性的渐变背景效果。在众多的浏...
阅读全文
摘要:今天我的老大问我是不是可以将baidumap 的js版中baidu logo 去掉。我上网查询一下,有各种方法,比如将对应的logo div remove hide 等等,这些都是需要JS 函数触发执行。但是,我还找到下面的方法,好简单采用css样式覆盖。代码如下:Html代码 javascript...
阅读全文
摘要:进入人人小站发现了个挺好看的文本框,圆角的,原来是利用了CSS3的效果,不过暂时只有IE9 和FF浏览器支持。
阅读全文
摘要:我们在网上购物提交订单时,在网页上一般会有一个选择数量的控件,要求买家选择购买商品的件数,开发者会把该控件做成可以通过点击实现加减等微调操作,当然也可以直接输入数字件数。本文将介绍常见的几种使用spinner数字微调器来实现数字加减的功能的方法。左右加减数字像京东提交订单时目前使用的是左右加减数字的...
阅读全文
摘要:之前使用了新浪的股票数据,由于新浪http/javascript缺少一些数据,用chrome自带的开发工具监视腾迅财经HTTP信息,得到以下获取股票数据的方法。以五粮液为例,要获取最新行情,访问数据接口:[html] http://qt.gtimg.cn/q=sz000858 返回数据:[html]...
阅读全文
摘要:现在浏览器种类也越来越多,诸如IE、Firefox、Chrome、Safari等等,因此现在要实现一个js复制内容到剪贴板的小功能就不是一件那么容易的事了。在FLASH9时代,有一个通杀所有浏览器的js复制内容到剪贴板的方案:这个方案是一个最流行的方法:著名的ClipboardCopy解决方案利用一...
阅读全文
摘要:如何能做出高效的web前端程序是我每次做前端开发都会不自觉去考虑的问题。几年前雅虎里牛逼的前端工程师们出了一本关于提升web前端性能的书籍,轰动了整个web开发技术界,让神秘的web前端优化问题成为了大街的白菜,web前端优化变成了菜鸟和大牛都能回答的简单问题,当整个业界都知道了惊天秘密的答案,那...
阅读全文
摘要:有一天我被问到,为了快速地在 web 开发工作上增加优势,应该学习什么语言。我的思绪回到了大学,那时候我用 Pascal、Fortran、C和汇编语言,不过那个时候有不同的目标。 鉴于当前的状况和趋势,答案相对容易给出来:学习 JavaScript。四周看看,曾经低端的浏览器脚本语言现在变得随...
阅读全文
摘要:thickbox是jQuery的一个插件,其作用是弹出对话框、网页框,使用户体验度更加愉悦,下面就来简单介绍它的几种用法。声明一下:这只是个人的总结记载而已。准备工作:你需要三个文件:thickbox.js、thickbox.css、jquery.js,网上到处可下具体使用:第一步:将这三个文件引入...
阅读全文
摘要:这里集合了几款很棒的制作网页滚动动画的 JavaScript 库和插件。它们中,有的可以帮助你在页面滚动的时候添加动感的元素动画,有的则是实现目前非常流行的全屏页面切换动画。相信借助这些插件,你也可以让网站变得高大上起来。 ScrollReveal.js ScrollReveal.js 用于创...
阅读全文
摘要:一、使用js操作css属性的写法1、对于没有中划线的css属性一般直接使用style.属性名即可。如:obj.style.margin,obj.style.width,obj.style.left,obj.style.position2、对于含有中划线的css属性,将每个中划线去掉并将每个中划线后的...
阅读全文
摘要:下面我们从3个方面开始介绍:1、scale(x,y)对元素进行缩放X表示水平方向缩放的倍数 | Y表示垂直方向的缩放倍数Y是一个可选参数,没有设置的话,则表示X,Y两个方向的缩放倍数是一样的。并以X为准。Css代码transform:scale(2,2.5);2、scaleX()元素只在X轴(水平方...
阅读全文
摘要:JS的函数定义可以指定形式参数名称,多多少少我们会以为js至少可以支持参数个数不同的方法重载,然而遗憾的是这仅仅是一个假象,js所有的参数都是以arguments传递过去的,这个参数类似于数组,在函数调用的时候,所有的实参都是保存在了这个数据结构里面,我们定义函数的时候所指定的形式参数其实是为这个...
阅读全文
摘要:我们无法在一篇博文里解释JavaScript的所有细节。如果你正或多或少地涉及了web应用程序开发,那么,我们的Java工具和技术范围报告揭示了,大多数(71%)Java开发者被归到了这一类,只是你对JavaScript遇到了阻碍。 毫无疑问,你已经知道了Java和JavaScript,不管它们...
阅读全文
摘要:当我用纯CSS实现这个以后。我开始用JavaScript和样式类来完善功能。 然后,我有一些想法,我想使用Delegated Events (事件委托)但是我不想有任何依赖,插入任何库,包括jQuery。我需要自己实现事件委托了。 我们先来看看事件委托到底是什么?他们是怎么工作的,怎么去实现这种...
阅读全文