摘要: 如何循序渐进有效学习 JavaScript? 妙味课堂js教程 一,css入门篇: 推荐书籍:css哪些事儿,精通css。 理由:css那些事儿,他是一本介绍css基础类的书,是入门的经典读物。 系统的介绍了css的选择符,伪类,工作环境,盒模型,两列,三列自适应布局。文字样式,图片处理,列表,表单 阅读全文
posted @ 2016-06-07 16:02 wanwet 阅读(324) 评论(0) 推荐(0) 编辑
摘要: 好久没更新blog,补上几篇技术性的文章。好吧,第一篇是关于css3动画animation的使用,要用到keyframes规则。 1 2 3 4 5 Document 6 7 37 115 116 117 118 119 120 ... 阅读全文
posted @ 2015-03-24 16:11 wanwet 阅读(1556) 评论(0) 推荐(0) 编辑
摘要: 在Web应用程序特别是Web2.0程序开发中,经常要获取页面中某个元素,然后更新该元素的样式、内容等。如何获取要更新的元素,是首先要解决的问题。令人欣慰的是,使用JavaScript获取节点的方法有很多种,这里简单做一下总结(以下方法在IE7和Firefox2.0.0.11测试通过): 1. 通过顶... 阅读全文
posted @ 2015-01-28 15:20 wanwet 阅读(3735) 评论(0) 推荐(0) 编辑
摘要: 之前不少人提过说要实现像阿里百秀Logo那样的动画效果,为了满足广大用户的需求,这里就简单做个演示。东西相对较简单,所以不要认为你搞不定它。下面是演示的案例代码 1 15 16 显示效果:移入之后:其实你只需要改变其中的图片地址、Logo区域大小(160px和80px)背景图的坐标(22px和-48... 阅读全文
posted @ 2015-01-28 10:58 wanwet 阅读(951) 评论(0) 推荐(0) 编辑
摘要: 现在我们经常在html源码中看到如下的写法:这里的::after和::before就是我们今天来探讨的css伪元素之二 -:before && :after。伪元素首先我们要明白什么是伪元素,css设置伪元素是为了方便给某些选择器添加特殊的效果。伪元素的语法格式一般为:selector:pseudo... 阅读全文
posted @ 2015-01-28 10:37 wanwet 阅读(1380) 评论(0) 推荐(1) 编辑
摘要: 今天无意中在网上发现的,代码非常的简单,一看就明白的js图片切换效果代码,喜欢简洁的朋友可以参考一下。html:1 图片可以自己设置的,下面我们来看下切换脚本,利用数组把图片装起来。 1 这段代码,简单但很巧妙。经过测试,完全可以实现自动切换。 阅读全文
posted @ 2015-01-27 11:13 wanwet 阅读(264) 评论(0) 推荐(0) 编辑
摘要: 从很多焦点轮播图中我们都可以看到下面的显示相应图片的索引小圆环。淘宝:魅族:其他:当然还可以直接用图片来制作小圆环。每一个的切换效果是用jQuery做的。需要先引入一个jQuery文件。切换效果就是这行代码:1 首先是淘宝的。html:1 2 3 4 5 6 7 8 css: 1 然后是魅族:htm... 阅读全文
posted @ 2015-01-26 16:44 wanwet 阅读(180) 评论(0) 推荐(0) 编辑
摘要: 这个是图文的左右滚动,一般是一版几个图片,图片下面配有文字。现在实现的有:文档首次载入后,会自动切换。如果点击了左右按钮或者是下面的索引小圆,就会关闭定时器。需要解决的问题是,如果不对轮播图进行操作后3s,它又会自动开启定时器进行切换了。jQuery实现的要添加一个jQuery库文件。可以是本地的,... 阅读全文
posted @ 2015-01-26 16:37 wanwet 阅读(747) 评论(0) 推荐(0) 编辑
摘要: 效果比较单一,就是两个左右按钮,点击图片就会切换,图片是用js添加的。上代码:html:1 2 3 4 ◄1/► 7 css:1 *{ margin:0; padding:0}2 #img_container{ text-align:left; position:rela... 阅读全文
posted @ 2015-01-24 15:34 wanwet 阅读(1496) 评论(0) 推荐(0) 编辑
摘要: 话不多说,直接上代码,用的是for(var i in array) 1 2 3 4 5 用原生dom的方法获取class对象(很简单实用) 6 10 36 37 38 39 40 sosososo41 42 43 244 45 346 47 48 49 阅读全文
posted @ 2015-01-24 14:27 wanwet 阅读(2757) 评论(0) 推荐(0) 编辑