![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html/css/javascript
文章平均质量分 56
lanyanai
这个作者很懒,什么都没留下…
展开
-
CSS3 选择器——伪类选择器(转…
前面花了两节内容分别在《CSS3选择器——基本选择器》和《CSS3选择器——属性选择器》介绍了CSS3选择器中的基本选择器和属性选择器使用方法,今天要和大家一起学习CSS3选择器中的第三部分,也是最后一部分——伪类选择器。伪类选择器对于大家来说最熟悉的莫过于:link,:focus,:hover之类的了,因为这些在平时中是常用到的伪类选择器,那么先和大家一起简单总结一下CSS中常用的伪类选择器的使原创 2013-10-14 12:55:25 · 600 阅读 · 0 评论 -
jQuery Mobile系列之Fixed&nb…
data-position="fixed">Fixed Header!data-position="fixed">Fixed Header!固定定位工具栏:data-position="fixed"全屏工具栏:data-fullscreen = "true",点击才会显示工具栏里最好不要有表单元素原创 2013-10-14 12:55:41 · 585 阅读 · 0 评论 -
Zepto 使用中的一些注意点
前段时间完成了公司一个产品的 HTML5 触屏版,开发中使用了 Zepto 这个著名的 DOM 操作库。为什么不是 jQuery 呢?因为 jQuery的目标是兼容所有主流浏览器,这就意味着它的大量代码对移动端的浏览器是无用或者低效的。而 Zepto 只针对移动端浏览器编写,因此体积更小、效率更高,更重要的是,它的 API 完全仿照 jQuery,所以学习成本也很低。但是在开发过程中,原创 2013-10-14 12:56:03 · 513 阅读 · 0 评论 -
最新的IE6、IE7和IE8的CSS BU…
1.普通BUG这部分的bug 是比较普通的无法归到其它种类,或是同时属于多个种类的Bug。 名称IE的版本描述Hover White Background Ignore BugIE7background 不会因为 :hover而改变IE7 Child Selector Comment BugIE7一个 selector 包含了一个子的s原创 2013-10-14 12:56:09 · 497 阅读 · 0 评论 -
html5声频audio和视频video
html5作为下一代web标准,年前轩起了html5热潮。对于html5我只是本着了解看看。关于html5和RIA(silverlight,flash,JavaFx等)我不想说什么,也没有什么可说的,存在就有其存在的理由。孰优孰劣,留给事实、时间来证明的。 在html5中出现了一些新特性:canvas 元素视频 video 和 声频audio 元素 ;对本地离线存储(lo原创 2013-10-14 12:56:24 · 660 阅读 · 0 评论 -
html5 canvas 如何清空之前绘制的…
在clearRect()函数后面加上重绘的代码不会显示清空效果~不知道为什么~好用的方法是先把canvas画布的长宽都置0,然后再置成原来的数即可:canvas.height = 0;canvas.width = 0;canvas.height = 175;canvas.width = 230;原创 2013-10-14 12:55:19 · 1916 阅读 · 0 评论 -
CSS3 选择器——属性选择器(转…
上一切在《CSS3选择器——基本选择器》中主要介绍了CSS3选择器的第一部分,这节主要和大家一起来学习CSS3选择器的第二部分——属性选择器。属性选择器早在CSS2中就被引入了,其主要作用就是对带有指定属性的HTML元素设置样式。使用CSS3属性选择器,你可以只指定元素的某个属性,或者你还可以同时指定元素的某个属性和其对应的属性值。从上一节展示的CSS3选择器的图表中,我们可以知道,CSS3原创 2013-10-14 12:55:23 · 358 阅读 · 0 评论 -
QuoJs官方文档
帮助说明如果您认为QuoJS只是一个触摸事件管理器,那你就错了,它是一个功能丰富的类库,无需第三方JavaScript库(例如 jQuery,Prototype, Kendo ...)来创建基于浏览器应用程序的复杂项目。项目地址:http://quojs.tapquo.com/如何使用QuoJS使用的命名空间是$$,所以如果你需要的话,你还可以使用其它的JavaS原创 2013-10-14 12:55:58 · 4828 阅读 · 0 评论 -
html5之Canvas坐标变换应用-时钟实…
在上一篇中我们了解html5的Canvas ,在这一篇中不用多说,写一个html5的时钟应用程序试手。在这里主要设置了坐标变换的平移(translate)和旋转变换(ratate),以及html5Canvas的路径绘图,beginPath,closePath,rect,arc等,还有就是html5Canvas路径绘图重要的绘图状态的保存和恢复机制,save,restore。 多的也不说原创 2013-10-14 12:56:28 · 698 阅读 · 0 评论 -
jQuery Mobile系列之Checkboxes
form> label> input type="checkbox" name="checkbox-0 ">Check me label>form>checkbox要么包裹在label里面,或者如下 form> input type="checkbox" name="checkbox-mini-0" id="checkbox-mini-原创 2013-10-14 12:55:34 · 466 阅读 · 0 评论 -
jQuery Mobile系列之Buttons
a href="#" data-role="button">Anchora>form> button>Buttonbutton> input type="button" value="Input"> input type="submit" value="Submit"> input type="reset" value="Reset">form>默认一个but原创 2013-10-14 12:55:32 · 481 阅读 · 0 评论 -
Adobe Brackets——开源、简洁…
Brackets是一个开源的基于HTML/CSS/JavaScript开发,运行在nativeshell上的集成开发环境。该项目由Adobe创建和维护,根据MIT许可证发布。提供Windows和OSX平台支持。Brackets的特点是简约、快捷,没有很多的视图或者面板,它的核心目标是减少在开发过程中那些效率低下的重复性工作,例如浏览器刷新,修改元素的样式,搜索功能等等。前往Bracke原创 2013-10-14 12:55:17 · 449 阅读 · 0 评论 -
jQuery UI 教程
jQuery ui 是基于 jquery 基础类库开发的开源的javascript网页UI代码组件库,包含底层用户交互、动画、特效和可更换主题的可视控件,我们可以直接用它来构建具有很好交互性的web应用程序。所有插件测试能兼容IE6.0+, Firefox 3+, Safari 3.1+, Opera 9.6+, 和 GoogleChrome。目前最新的版本,使用 jQuery UI 前,原创 2013-10-14 12:55:27 · 721 阅读 · 0 评论 -
jQuery Mobile系列之Dialogs
Open dialogdata-rel = "dialog"跳转效果:data-transition = ""关闭按钮:如果这个page有一个header的话在header的左边会有一个closeButton,改变closeButton的位置使用data-close-btn= "right/none"设置关闭按钮文字:两种方法:1、绑定mobileinit事件,修改$.mobile原创 2013-10-14 12:55:39 · 580 阅读 · 0 评论 -
IE8的CSS hack(转)
“\9″ 例:”margin:0px auto\9;”.这里的”\9″可以区别所有IE和FireFox.“*” IE6、IE7可以识别.IE8、FireFox不能.“_” IE6可以识别”_”,IE7、IE8、FireFox不能. 如此,就可以完全区分开IE6、IE7、IE8、FireFox了. 什么?还是不知道怎么区分.好吧,来看个例子:原创 2013-10-14 12:56:11 · 626 阅读 · 0 评论 -
CSS3 选择器——基本选择器(转…
CSS的选择器,我想大家并不会陌生吧,因为天天在使用,但对于CSS3的选择器,要运用的灵活到位,我想对很多朋友还是一定的难度,特别是CSS3中的:nth选择器。那么从现在开始我们先丢开他们版本的区别,从头一起来看看CSS选择器的运用。CSS是一种用于屏幕上渲染html,xml等一种语言,CSS主要是在相应的元素中应用样式,来渲染相对应用的元素,那么这样我们选择相应的元素就很重要了,如何选择对应原创 2013-10-14 12:55:21 · 716 阅读 · 0 评论 -
jQuery Mobile系列之Accordion
div data-role="collapsible-set" data-theme="c" data-content-theme="d"> div data-role="collapsible"> h3>Section 1h3> p>I'm the collapsible content for section1p> div> div d原创 2013-10-14 12:55:30 · 849 阅读 · 0 评论 -
jQuery Mobile系列之Collapsible
div data-role="collapsible"> h4>Headingh4> p>I'm the collapsible content. By default I'mclosed, but you can click the header to openme.p>div>主题:data-theme默认展开:data-collapsed = "false"紧缩:原创 2013-10-14 12:55:37 · 575 阅读 · 0 评论 -
html5-Canvas绘图
在html5中我觉得最重要的就是引入了Canvas,使得我们可以在web中绘制各种图形。给人感觉单在这点上有点模糊我们web和桌面程序的感觉。在html5外web中也有基于xml的绘图如:VML、SVG。而Canvas为基于像素的绘图。Canvas是一个相当于画板的html节点,我们必须以js操作绘图。如下:你的浏览器还不支持哦定义。我们可以获取canvas对象为varc=docum原创 2013-10-14 12:56:26 · 754 阅读 · 0 评论 -
html5-web本地存储
在html5中为我们提供了一种本地缓存机制,它将取代我们的cookie,并且它是不会随浏览器发会我们的服务器端的。我们可以采用js在客户端自由的操作本地缓存。html5中缓存主要有localStorage,和sessionStorage。他们的用法一致。区别在于他们的时间限制不同。localStorage是不存在时间限制的。而sessionStorage这时基于session的数据存储,在关闭或者原创 2013-10-14 12:56:31 · 699 阅读 · 0 评论 -
如何搭建个人网站
首先,申明下本文所指的新人是指会上网站看网页,会自己聊QQ,会在新浪、网易等平台上写博客的人。当然你要说这个只要会上网的人都会了,是的,我所指的新人就是会上网的人。所以本文的技术含量不会很高,高手可以直接忽略了。下面我们开始进入正题。 搭建一个个人网站需要三个必备的因素,即:域名、服务器、程序。如果把一个网站比作一家商店,那么域名就好比店名或者商标,服务器就比如店面,程序就是整个商店转载 2014-01-18 21:14:06 · 659 阅读 · 0 评论