最新消息:文章中包含代码时,请遵守代码高亮规范!

Gordon的文章

iphone下移动网站提交按钮问题

HTML+CSS 3年前 (2015-08-11) 1430浏览 0评论

今天做项目,正常的给input type=”submit” 写按钮样式,但是写完后,去手机端一测试,发现,竟然不一样。 然背去gg搜了答案,原来,按钮在iphone下,会默认用他们自带的ui来进行渲染,会出现圆角等跟自己想要...

用canvas来写一个时钟表盘

HTML+CSS 3年前 (2015-07-07) 3019浏览 0评论

今天看了html5里的canvas,然后根据提供js接口,写了一个时钟表盘 下面是效果图: 这个主要的难点在于如何用js,把24小时制的小时转化成12小时制,另外在根据分针移动的位置,时针进行相应的移动,也就是把分针所对应的时间转化成小时。 /...

前端常用代码汇总列表【原创】

HTML+CSS 3年前 (2015-07-02) 1690浏览 0评论

为了方便大家更好的去完成网页的制作以及制作效率,现在web前端部分常用代码及js作为列表展示如下,如有需要,请自行拿取。 一、导航下拉样式汇总 1、仿天猫左侧导航显示代码 地址:戳这里   2、下拉导航 地址:戳这里   ...

常用日期插件

HTML+CSS 3年前 (2015-07-02) 1947浏览 0评论

发现的一个比较好用的日历插件,叫做My97DatePicker, 具体使用方法如下 HTML代码 <input class="calendar-box" name="start_date" onc...

banner渐隐渐显效果【原创】

HTML+CSS 3年前 (2015-07-02) 3703浏览 0评论

banner图的渐隐渐显效果,已经封装,可以直接调用,那些变量名,定义的有点粗糙,看官见谅, 把代码拉到自己页面然后大概就能看懂了。然后自己调试下样式吧。 CSS样式: .banner{ min-width: 990px; heigh...

浮动缓冲滚动条幅

HTML+CSS 3年前 (2015-07-02) 1665浏览 0评论

这个是一个带有缓冲效果的滚动条幅,使用比较简单,效果挺不错的。下面分享一下 CSS如下 .fwords_left{ margin-left:100px; } HTML代码如下: <div class="...

网站下拉导航【原创】

HTML+CSS 3年前 (2015-07-02) 1759浏览 0评论

最近做了学校的网站导航的下拉菜单,在这里汇总下,效果图如下 CSS代码如下: .nav{ min-width: 990px; height: 100px; background: url(../images/topNavBg....

仿天猫左侧导航显示代码【原创】

HTML+CSS 3年前 (2015-07-02) 1765浏览 0评论

这是根据天猫首页baner左侧导航模仿的导航菜单,下面上代码。 CSS如下,PS:因没有放上去图片,所以有可能导致导航前方没有正确显示如效果图一般的效果 .nav{ min-width: 1200px; height: 35p...

设置浏览器优先模式

HTML+CSS 3年前 (2015-06-17) 2404浏览 0评论

最近写页面,着实给360浏览器恶心到了,因为他默认是兼容模式,有点坑,各种错位各种恶心, 然后上网查了下,发现有一些头部申明,可以被浏览器解析到。从而促使其用最高版本或模式进行访问。 首先来说下默认360浏览器用极速模式 meta name=rend...

css中fixed在ie6,7不震动的固定顶部底部

HTML+CSS 3年前 (2015-06-09) 1984浏览 0评论

刚才在blog里看了下,有很多关于ie6,7下fixed的使用方法,但是发现都还是有点缺陷的,都会出现页面震动的显现,另外如何固定在底部并没有说明,导致不是很全面 下面说重点,如果要想不震动需要在body添加两个css body{ *b...

解决谷歌浏览器里input的边框特效【转】

HTML+CSS 3年前 (2015-05-28) 3013浏览 0评论

谷歌浏览器Chrome基于WebKit开源浏览器引擎,自然能够通过相关的一切方法自定义设置浏览器的默认状态。谷歌浏览器Chrome安装之后,大家应该都留意到所有的表单都会添加黄色边框特效。在某些时候这些特效还是很不错的,但是当网站本身就已经对于表单样...

CSS禁止选择

HTML+CSS 3年前 (2015-05-14) 3277浏览 0评论

有时候做页面的时候,有的客户会要求不允许选中文本,所以网上搜了下,用CSS中的user-select可以控制, user-select有两个值,分别是none(禁止选择),text(可以选择) 但是这个并不是W3C的规范标准,所以有的浏览器并不兼容,...

用Jquery处理数组方法

JavaScript 3年前 (2015-05-14) 1475浏览 0评论

下面说点比较常用的处理数组的方法,用jq来处理。 一、$.each(array, [callback])遍历,很常用 var arr = ['javascript', 'php', 'java', 'c++', 'c#', 'perl', '...

手机web开发插件之jGestures【转】

杂项 3年前 (2015-04-30) 2107浏览 0评论

我们开发手机网站的时候,会用到一些平时PC网站经常用到的jq事件之外的事件,比如说滑动,轻触,缩放等等。 那么从网上看到的一篇手机web开发的jq插件介绍,感觉还是不错的,转载分享到这里 插件下载地址:jGestures 文章出处:转载自这 事件简介...

移动端网站按钮tap去阴影【原创】

HTML+CSS 3年前 (2015-04-28) 4751浏览 0评论

今天做手机网站时,发现一个问题,就是点击按钮的时候,该按钮背后会出现一个阴影,十分影响美观。 然后查了一些资料,发现时因为在手机网站上tap(轻触)该按钮时,背景高亮在作祟,要对这个进行 重新设置,就可以了,改变其高亮,而最好的办法就是给其透明。-w...

如何监听鼠标滚轮

JavaScript 3年前 (2015-04-21) 2297浏览 0评论

有时候,我们需要用到鼠标滚轮来进行判断,向上向下进行判断并且给予相应的事件。 发现网上有原生的js可以实现,但是要考虑到兼容性,又是要判断FF,又要判断ie,较为麻烦。 所以找到了这个jquery插件,jquery.mousewheel.js。 用法...

jquery衣服变化小玩意【原创】

jquery衣服变化小玩意【原创】

HTML+CSS 3年前 (2015-04-09) 12607浏览 0评论

最近做了个项目,需要给衣服的颜色变化以及衣服上的图案进行点击变换,感觉挺好玩的,就发上来给大家看看, 具体的思路,就是衣服的大小要一样,要不同的颜色的衣服几件,图案也是一样,都要给绝对定位,根据鼠标点击, 获取图片,然后放到对应的位置。 效果图如下:...