一、获取元素 CSS大小1.通过style 内联获取元素的大小var box = document.getElementById('box'); //获取元素box.style.width; //200px、空box.style.height; //200px、空style 获取只能获取到行内sty...
分类:
其他好文 时间:
2015-04-05 23:07:18
阅读次数:
229
CSS是一种用于屏幕上渲染html,xml等一种语言,CSS主要是在相应的元素中应用样式,来渲染相对应用的元素,那么这样我们选择相应的元素就很重要了,如何选择对应的元素,此时就需要我们所说的选择器。选择器主要是用来确定html的树形结构中的DOM元素节点。我把CSS选择器分开成三部分,第一部分是我们...
分类:
Web程序 时间:
2015-04-05 17:26:43
阅读次数:
192
这是一款简单且非常实用的jQuery Tooltip工具提示插件。该Tooltip插件没有CSS,意味着你可以自定义你自己的Tooltip样式。你可以在Tooltip中显示任何内容:文本、DOM元素、图片等等。
它的特点有:
源文件非常小。没有依赖CSS文件,你可以自己定制。可以Tooltip任何你需要的东西。
效果演示:http://www.htmleaf.com/Demo/201...
分类:
Web程序 时间:
2015-04-02 13:28:46
阅读次数:
161
最近学习html5和一些UI框架,接触css比较多,就来跟大家分享一下css中的一些调试技巧。之前做页面,css都是自己写的,所以要改哪里可以很快的找到,现在使用了UI框架,里面的样式是不可能读完的,所以就要通过调试来找到要修改的地方。 在调试CSS的时候,我们一般使用Chrome、Firef...
分类:
Web程序 时间:
2015-04-01 19:13:16
阅读次数:
169
jQuery Panzoom是一款非常实用的HTML DOM元素平移和缩放jQuery和CSS3插件。Panzoom利用CSS transforms 和 matrix函数来为浏览器进行硬件(GPU)加速,它可以支持任何元素的平移和缩放:图片、视频、iframe、canvas或文本等等。
Panzoom支持移动Mobile的触摸姿势,也支持使用手指来缩放元素大小。它完全可以同时在桌面设备和移动手机...
分类:
移动开发 时间:
2015-04-01 13:18:20
阅读次数:
156
1、DynaTree(推荐使用,说明文档以及样例在下载的压缩包里\doc\samples.html)DynaTree 是一个优化的动态jQuery树查看插件,它只在需要时才创建DOM元素。支持checkbox、层级选择以及拖放功能。并且支持ajax和延迟加载。开源协议:MIT和GPL。Demo:ht...
分类:
Web程序 时间:
2015-03-30 17:59:08
阅读次数:
165
jMosaic是一款可以将图片或HTML元素均匀分布排列为网格布局的jQuery插件。可以使用的HTML元素有:img、div、li等。该jQuery插件可以将图片等元素整齐排列,元素的宽高比例不会发生变化。
效果演示:http://www.htmleaf.com/Demo/201503291594.html
下载地址:http://www.htmleaf.com/jQuery/Layou...
分类:
Web程序 时间:
2015-03-30 14:45:12
阅读次数:
163
DOM元素的显示与隐藏 ,是前端开发中常常会用到的功能,angularjs中是使用 ng-hide/ng-show 两个属性来实现的其实我们只要使用其中的一个属性即可实现所有功能他们的取值为 boolean。
【HTML代码】
angularjs 显示隐藏元素
我出现了
显示/隐藏
angular.module(...
分类:
Web程序 时间:
2015-03-30 13:24:34
阅读次数:
168
angularJS中的ng-show、ng-hide、ng-if指令都可以用来控制dom元素的显示或隐藏。ng-show和ng-hide是通过改变CSS的display属性值来实现显示或隐藏的。ng-if指令可以根据表达式的值在DOM中生成或移除一个元素。如果赋值给ng-if的表达式的值是false,那对应的元素将会从DOM中移除,否则生成一个新的元素插入DOM中。ng-if同no-show和ng-hide指令最本质的区别是,它不是通过CSS显示或隐藏DOM节点,而是删除或者新增结点。当一个元素被ng-if...
分类:
其他好文 时间:
2015-03-30 08:05:35
阅读次数:
257
在操作dom元素的时候为了让网站显得更有活力或者某些想让人注意到, 经常需要用到一些小动画, 但常用的 jquery 库只有一种ease(先加速后减速的动画)运动方式的动画, 虽然这是很常用的动画, 但有时也会用到其他的, 最近写了一个集成几种常用动画的库, move.js, 如果不是走动画队列.....
分类:
Web程序 时间:
2015-03-30 06:45:40
阅读次数:
161