前端开发-武方博
订阅我+1搜索一下 你也不知道
分类目录
热门文章
- csdn密码下载 csdn密码下载地址 csdn论坛600万账号 - 13,444 views
- 人人网密码下载 猫扑网密码下载 - 11,404 views
- 天涯数据下载 天涯数据库密码下载 天涯数据.kz下载 - 9,197 views
- ie6,ie7,ie8 css bug兼容解决记录 - 9,003 views
- jQuery实例 - 7,677 views
- 关于我 - 6,665 views
- jQuery向上循环滚动（仿新浪微博未登录首页滚动微博显示） - 6,539 views
- jquery图片横向左右滚动效果（带按钮控制） - 6,439 views
- 2011年圣诞前 CSDN密码大泄漏 - 6,394 views
- JS实现仿新浪微博大厅和腾讯微博首页滚动效果 - 5,832 views
-
近期文章
标签
前端开发 前端开发工具 前端开发工程师 前端开发规范 手机浏览器 手机浏览器兼容 手机网站 手机网站制作 手机网站开发 手机网站开发制作 猫扑网密码下载 用户体验 用户体验UED 网页设计 网页设计师 网页设计规范 郑州前端开发 郑州网页设计 郑州美工 3g网 bug解决 CSDN密码下载 css css经验 css3 css bug div+css HTML html5 javascript jquery jquery 图片左右滚动 jquery图片轮播 jquery实例 jquery 左右滚动 jquery插件 jquery 无缝滚动 jquery滑动 jquery特效 jQuerySlider wap网站制作 wap网站开发 web前端开发 web规范 worepress友情链接
标签归档：前端开发
【转】一个前端对设计师的诉求
首先声明，这是一篇和谐帖。。。目的在于提高设计与制作的合作效率，帮助设计师了解制作的想法，提高团队战斗力。如其中有用词不当的，请设计师承让，其他制作也可将自己的心得回复出来。另外，也请制作的同学们反省自己的不足。 对于不确定性因素考虑周全问题： 例1：评论模块，显示评论的文字，显示多了怎么办，显示评论的条数，显示评论者的昵称长度问题等等。 假设现在有现在有300×200的一个模块，你应该怎么设计评论内容呢？ 例2：一个互动的操作是否需要登录，登录框要在页面显示还是在弹出层中，还是跳转？显示的样式是什么？登录成功后显示什么。这些都应该考虑一下。。。 例3：链接:hover的效果，按钮鼠标滑过的效果，这些是否需要，不设计出来将默认为不需要，建议，至少链接要有hover。。。如果您已经设计了hover状态的样式，请确保别人看了可以知道那个是正常样式，那个是hover样式【例如：在hover样式上面放个小手】......查看更多>>
系列集合-页面重构中的模块化设计-CSS森林 【极力推荐看完】
样式的作用域──页面重构中的模块化设计（一） 很久没有更新blog了，这段时间实在是发生了很多的事，累身累心。但还是有很多想做的事，比如更新merceCSS、把一直以来所总结的有关模 块化的内容整理出来跟大家分享、参加交流会等等。 模块化设计我已经提过很多了，像《 从宜家的家具设计讲模块化 》、《 页面重构中的模块化思维 》、《 页面重构中的组件制作 要点 》都是跟模块化相关的，不过之前一直没有讲到具体实现方面的内容，只是一些思维。这次重点讲一下实现方面的内容，权当到目前为止我对模块化的一些总结整 理。 要做好模块化，我觉得理解好样式的作用域是很重要的，所以将这部分作为这个系列的第一篇。 写过程序的同学应该都知道，变量是有作用域的（不知道的同学自己去问谷歌，这里就不作解释了），样式的定义也同样存在着作用域的问题，即定义的作 用范围，很容易就能理解，如下面的p的作用域： /*作用域：全局*/ p{text-inden......查看更多>>
jQuery带缩略图左右滚动效果
这个效果比较常用,在很多商品展示页面会用到，例如淘宝店铺的图片展示和京东商城的商品展示页，其实这段代码很简单，直接看下效果好了！ 演示地址：http://www.wufangbo.com/demo/jquery/12/index.html 下载地址：http://www.wufangbo.com/demo/jquery/12/12.rar HTML代码 <div class="pic_scroll"> <div class="pic_small"> <a href="#0"><img class="current" src="images/01.jpg" /></a> <a href="#1"><img src="images/02.jpg" /></a> <a href="#2"><img src="images/03.jpg" /></a> &n......查看更多>>
谈CSS模块化【封装-继承-多态】
第一次听到“CSS模块化”这个词是在WebReBuild的第四届“重构人生”年会上，当时我还想，“哈，CSS也有模块化，我没听错吧？”事实上，我没听错，你也没看错，早就有CSS模块化这个概念了。之所以我把这个拿出来讨论，是因为一个算是比较大的项目出现了一些重构上的危机，因此引发了我们对页面重构中的CSS进行模块化的思考。 首先，什么是CSS模块化？在谈CSS模块化之前我们先看一下百度百科对模块化的解释： “模块化是指解决一个复杂问题时自顶向下逐层把系统划分成若干模块的过程。每个模块完成一个特定的子功能，所有的模块按某种方法组装起来，成为一个整体，完成整个系统所要求的功能。在系统的结构中，模块是可组合、分解和更换的单元。” 我对上面一段话的理解是，模块化就像我们玩乐高积木一样，一个积木就是一个单元，可以通过组合不同的积木来搭建一个玩具模型。对于一个玩具模型，也 可以更换部分积木......查看更多>>
JQuery 1.6发布：性能提升，同时包含破坏性的变更
JQuery 1.6刚刚发布了，有几处性能和跨浏览器兼容性的改进，专门重写了属性模块。 新版本中的部分重要改进： attr()、val()和data()方法有了更好的性能； 在attr()方法中支持Boolean属性； 添加了钩子函数，允许对attr()和val()方法进行扩展； map()方法添加了对对象的支持（将JavaScript对象的属性映射到函数） 允许使用相对值（“+=”，“-=”）更新CSS； 添加了deferred.always(), deferred.pipe()方法，减少了代码量，提高了代码易读性； 同步动画 – 现在所有动画都同步到相同的时间间隔. 使用新的浏览器功能，动画也更顺畅； find()，closest()和is()可接收所有的DOM元素和JQuery对象作为参数。 所有这些新特性连同整个bug修复列表在官方博文中都有详细说明。 不幸的是，其中包含了部分破坏性的变更，团队已经在官方更新中用单独的章节强调了它们： 变更 JQuery 1.5.2 示例 JQuery 1.6 示......查看更多>>
发表在 前端资讯
标签为 jquery, JQuery 1.6, jquery新版本, jquery新版本改进, 前端开发, 前端开发资讯
留下评论
JS实现仿新浪微博大厅和腾讯微博首页滚动效果
JavaScript实现仿新浪微博大厅和未登录腾讯微博首页滚动效果，貌似这些天有不少朋友需要这功能，前几天已经发了几个了，不过那一个效果是用jquery实现的《jQuery向上循环滚动（仿新浪微博未登录首页滚动微博显示）》，今天发现这款是js制作的好，不敢独享，希望需要的朋友喜欢哦。 演示地址：http://www.wufangbo.com/demo/javascript/02/index.html 下载地址：http://www.wufangbo.com/demo/javascript/02/02.rar html代码 <div class="wp"> <ul id="slider" class="slider"> <li><a class="fl" href="javascript:;"><img src="http://t1.qlogo.cn/mbloghead/b9127c4ca63961bace88/50" alt="" /></a> <p>入山又恐别倾城 世间安得双全 不负如来不负卿</p> </li> <li><a class=&qu......查看更多>>
发表在 javascript, 前端开发
标签为 javascript, javascript 文字滚动, javascript上下滚动, javascript向上循环滚动, javascript向上滚动, javascript向上滚动公告, javascript循环向上滚动, jquery 文字滚动, jquery 无缝滚动, jQuery向上循环滚动, jQuery向上滚动, jquery循环向上滚动, jQuery循环滚动, js, js 微博滚动, 仿微博滚动, 前端开发, 微博向上滚动代码, 新浪微博微博滚动代码, 新浪微博模板滚动, 新浪微博滚动, 新浪微博首页滚动, 郑州前端开发
4 条评论
css selection改变文字反选的背景颜色
最近在访问一个网站的时，我注意到，当其文字被选中时它有一个匹配他的网站的背景色，这个背景色不是是深蓝色。此刻，若是您的网站不利用任何蓝色为文字背景，看上去会不会有点不合适？ 在计算机操作中经常会有反选出现，系统一般会根据选择区域的颜色，显示出补色。但windows默认的文字选择时，背景为蓝色，前景色为白色，如果背景是深色，则文字为蓝色，背景变成白色。如下图所示： 反选后默认的样式 能不能改变选择的默认颜色呢，也许很多人对这个问题不是很在意，也可能你早就见到过这个效果了，但是却忽略了。 给出了如下的CSS代码： ::-moz-selection{ /*针对Firefox*/ background:#cc0000; color:#fff; } ::selection { background:#cc0000; color:#fff; } code::-moz-selection { /*code是标签选择器，可以换成p或span等*/ background: #333333;&nb......查看更多>>
发表在 css
标签为 -moz-selection, ::selection, css, css selection, CSS改变选择网页文字背景色, 前端开发, 改变文字反选的背景颜色, 文字反选背景色, 网页文字反选背景色, 网页文字反选颜色
2 条评论
jquery cookie插件
JQuery居然没有操作cookie相关的函数，搜了下官方有个cookie的插件。 简单使用方法： <html> <head> <title>JQuery-Cookie插件</title> <script type="text/javascript" src="jquery-1.4.js"></script> <script type="text/javascript" src="jquery.cookie.js"></script> </head> <body> <a href="#">设置cookie1</a><br> <a href="#">设置......查看更多>>
jQuery tab选项卡插件(可多次使用)
这个选项卡插件估计是最简单的了，我使用过好多次了，不过用于对jquery理解还不是很深刻，不知道性能上有没有问题，总之代码很简介，可用性也比较强，支持一个页面多次调用，html标签可以随便的更改，只需要把class加上就行了！是不是很简单啊，哈哈！这里还有一个纯js封装的tab选项卡 演示地址：http://www.wufangbo.com/demo/jquery/10/index.html 下载地址：http://www.wufangbo.com/demo/jquery/10/10.rar html代码 <div class="tab"> <ul class="tab-hd"><li>选项4</li><li>选项5</li><li>选项6</li></ul> <ul class="tab-bd"><li>内容4</li><li>内容5</li><li>内容6</li></ul> </div> <div class="tab"> <ul class="tab-hd"><li>选......查看更多>>
发表在 jquery, 前端开发
标签为 css, css tab选项卡, css 选项卡, html tab选项卡, javascript tab选项卡, jquery, jquery tab切换, jquery tab插件, jquery tab效果, jquery tab选项卡, jquery 多tab, jquery 选项卡, jquery 选项卡 竖着, jquery 选项卡切换, jquery 选项卡插件, jquery实例, jquery插件, js tab, js tab选项卡, js 封装选项卡, js选项卡, tab 选项卡, tab选项卡, tab选项卡代码, tab选项卡切换效果, tab选项卡效果, 前端开发, 可多次使用CSS选项卡, 可重复使用TAB选项卡, 如何设置重复选项卡, 支持多次调用的TAB选项卡, 选项卡, 选项卡代码, 选项卡效果
留下评论
jQuery仿淘宝店铺浮动层上下滚动固定效果插件
博客里面已经有过一个类似的效果了jQuery实现页面滚动时层智能浮动定位 但是今天看见css88愚人码头的博主也分享了一个类似的效果【jQuery插件】capacityFixed-类似于新浪微博新消息提示的定位框 其实不光是新浪微博里面有这个效果，包括淘宝店铺里面也有这个效果，淘宝店铺搜索前端开发实例 注意那个排序的工具条哦 就是当用户滚动浏览器的滚动条的时候，把某一个固定的浮动层移动到浏览器的顶部，然后实现修改position属性，position;fixed效果，哈哈 但是看到css88里面也这次支持了IE6啦，不过测试了一下 发现ie6里面还是有瑕疵的，滚动的时候ie6会发生抖动。所以想着给修复下，折腾了好久，累死我了 竟然没有搞定 555！测试了下淘宝的店铺里面在ie6里面也是抖动的，看来我是真的没有办法了！悲催啊。 演示地址：http://www.wufangbo.com/demo/jquery/09/index.html 下载地址：http://www.wufangbo.com/demo/jquery/09/09.rar 下面的这段代码......查看更多>>
发表在 jquery, 前端开发, 前端开发bug修复
标签为 css, css bug, css 固定位置, css固定, css固定定位, CSS控制DIV永远固定在页面底部, div固定在底部, div固定底部, fixed, ie6 bug, IE6 Fixed, ie6 fixed css, ie6 fixed expression, ie6 fixed jquery, ie6 fixed js, ie6 fixed position, IE6 Fixed Position Fix, IE6 position:fixed bug, ie6下实现position-fixed, ie6不兼容fixed, ie6不支持fixed, jquery, jquery ie6 fixed, jquery position-fixed, jquery 浮动层, jquery仿淘宝店铺, jquery修复position-fixed, Jquery固定Div在页面顶部, jquery固定位置, jQuery固定在页面底部, jquery固定定位, jquery固定层, jquery固定浮动层, jquery浮动固定层, jquery浮动定位, jquery浮动层, js ie6 fixed, position fixed ie6, query ie6 fixed, 修正IE6不支持position:fixed, 前端开发, 浮动定位, 让IE6支持fixed
3 条评论
jQuery和Discuz js冲突解决办法
$(id)函数冲突 Discuz使用了S()作为对象选取函数，刚好与jQuery默认的$()函数重合造成冲突，代码依旧位于include/common.js中，如下： Code: function $(id) { return document.getElementById(id); } 解决方法1： 将jquery.js在common.js之前载入，不然jquery的$()函数会覆盖common.js的$()函数；然后用到jQuery的$()函数的地方都用jQuery()代替。 解决方法2： 将jquery.js在common.js之后载入，在调用jQuery的函数前使用一下代码： Code: var jq = jQuery.noConflict(); 以上是将$()函数映射回原来的$()函数；之后便可以使用jq()或jQuery()来代替jQuery原来的$()函数，这里jq和jQuery相同，而$()函数则是原来Discuz的$()函数。 解决方法2也可使用jQuery.noConflict()的其他用法代替，参见后面的使用说明。 ============= jQuery.noConflict() 使用说明 运行这个函数将变量$的控制权让渡给第一个实现它的那个库。这有......查看更多>>