网页前端设计

http://www.86y.org

搜索文章

js判断浏览器类型版本及系统类型2013/11/26 16:13:21

js判断浏览器类型版本及系统类型

前几天做了一个反馈的效果。就是页面播放不了时通过用户去反馈,需要获取用户的显示器类型及系统环境。这样就可以在后台看到什么样的环境下看不了。当然网上找了很多,发现有一个方法特别好。效果如下图:方法如下:var BrowserDetect = { init: function () { this.browser = this.searchString(this.dataBrowser) || "An unknown browser"; this.version = this.searchVersion(navigator.userAgent) || this.searchVersion(navigator.appVersion) || "an unknown version"; this.OS = this...未完,继续阅读→

js浏览器环境

阅读(6903)条

CSS3实现自定义Checkbox和Radiobox2013/11/23 10:04:56

CSS3实现自定义Checkbox和Radiobox

我们知道浏览器自带的Checkbox复选框不怎么美观(这或许是我们看习惯了的缘故),而且复选框在不同的浏览器上显示的样式又有很大的差异,由 于目前越来越多的人开始接受支持CSS3的现代浏览器,所以今天就简单的用一些CSS3代码来自定义Checkbox的显示方式,个人觉得比浏览器自带的 Checkbox美观不少。(最底部有完整代码可运行)下面先来看一下最终实现效果效果图如下 下面来分析一下源代码,原理很简单,先把页面上<input type="checkbox" />的display设置为none,从而把它隐藏掉,然后利用CSS3代码来绘制与c...未完,继续阅读→

css3checkboxradiobox

阅读(7047)条

你可能不知道的跨域解决方案postMessage2013/11/19 10:23:59

你可能不知道的跨域解决方案postMessage

出于浏览器的同源策略,我们经常会遇到浏览器跨域的问题。简单的说跨域基本解决方案是:GET请求用JSONP其他请求用同源iframe做代理JSONP的介绍很多,这里就不多说了。而同源iframe做代理主要是主窗口与iframe的通讯问题,因为这里也有同源策略。常见的方法是使用window.name或者通过url param来通讯。但这些方法都需要反复加载iframe来完成的,资源消耗较高,有没有更好的方案呢? window.postMessagewindow.postMessage最早由IE8引入,主要为了解决跨文档通讯问题,以下使其支持列表:FeatureChromeFirefox (Gecko)Internet E...未完,继续阅读→

js跨域浏览器

阅读(7977)条

基于jquery扩展漂亮的CheckBox2013/11/19 9:46:49

基于jquery扩展漂亮的CheckBox

大家都知道默认的html复选框控件样式可定义相当有限,无法满足大多用户的美观度。今天跟大家一起分享前一段时间自己编写的CheckBox控件。喜欢的朋友可以拿去使用,有什么好的建议希望你给我留言。废话不多说,切入正题。效果如下图所示:Html完整代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content...未完,继续阅读→

jqcheckbox

阅读(6021)条

可以从CSS框架中借鉴到什么2013/11/18 10:48:27

可以从CSS框架中借鉴到什么

现在很多人会使用 CSS 框架进行快速建站。那 CSS 框架是什么呢,它通常是一些 CSS 文件的集合,这些文件包括基本布局、表单样式、网格、简单组件、以及样式重置。使用 CSS 框架大大降低工作成本进行快速建站。当然对于一些大型的项目,可能会很难照搬某些框架直接使用的,因为直接使用会带来一些限制或者冗余的问题。但在 CSS 框架已经日趋成熟的今天,在我们设计项目架构、规范的时候,现时市面上一些优秀的框架也可以给我们提供很多可借鉴的地方。本文主要从几个方面讨论 CSS 框架可以对我们项目的借...未完,继续阅读→

css结构优化

阅读(5497)条

在网站制作中随时可用的10个HTML5代码片段2013/11/9 9:29:19

在网站制作中随时可用的10个HTML5代码片段

HTML 很容易写,但创建网页时,您经常需要重复做同样的任务,如创建表单。在这篇文章中,我收集了10个超有用的 HTML 代码片段,有 HTML5 启动模板、空白图片、打电话和发短信、自动完成等等,帮助你提高开发速度。 当启动一个新的项目的时候,你需要一个启动模板。这里是一个简洁干净的模板,可以作为 HTML5 项目的基础。HTML5 启动模板<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Untitled</title> <!--[if lt IE 9]> ...未完,继续阅读→

html5代码网站

阅读(6213)条

纯 CSS3 绘制图形(心形、五角星、六边形等)2013/11/7 11:48:09

纯 CSS3 绘制图形(心形、五角星、六边形等)

这篇文章给大家带来的是纯 CSS 绘制五角星、六角形、五边形、六边形、心形等等。我们的网页因为 CSS 而呈现千变万化的风格。这一看似简单的样式语言在使用中非常灵活,只要你发挥创意就能实现很多比人想象不到的效果。特别是随着 CSS3 的广泛使用,更多新奇的 CSS 作品涌现出来。Star (6-points) #star-six {width: 0;height: 0;border-left: 50px solid transparent;border-right: 50px solid transparent;border-bottom: 100px solid red;position: relative;}#star-six:after {width: 0;height: 0;border-lef...未完,继续阅读→

css3绘制图形

阅读(23441)条

推荐几款极好的 JavaScript 下拉列表插件2013/11/6 10:01:32

推荐几款极好的 JavaScript 下拉列表插件

做过这么多的项目select一直是一个很麻烦的东西,包括ie6的遮置,美化等问题。体验一直都很不友好。作为网页最重要的组成部分,表单几乎无处不在,从简单的邮件订阅、登陆注册到复杂的需要多页填写的信息提交功能,表单都让开发者花费了大量的时间和精力去处理,以期实现好用又漂亮的表单功能。这篇文章分享几款很棒的 JavaScript 下拉列表功能增强插件。本人比较喜欢第一款。比较好用Selectize.jsSelectize 是一个基于 jQuery 的 <select> UI 控件,对于标签选择和下拉列表功能非常有用。Selectize 的目标是通...未完,继续阅读→

jq插件select

阅读(7598)条

十个简单易用的在线网站生成工具2013/11/5 10:20:26

十个简单易用的在线网站生成工具

如果您想要创建一个网站,但要这样做肯定感觉很麻烦,我们有一个解决方案为您所需的编码知识。事实上我们有十个解决办法给你。下面列出的工具将帮助您创建优雅的网站,而无需任何编码或编程的知识。1. Imcreator.com - IM creator的创始人最初开始帮助他们的朋友和家人想要创建的网站,但被制作的过程吓倒。所以他们帮助他们创建质量网站通过使用方法,这是很简单的理解和操作。后来他们把它变成一项业务。2.website-builder.com -这个工具有很多免费准备使用模板不同的适当位置。无论您需要的体系结构基于站点或业务一、 艺术创...未完,继续阅读→

网站制作方案

阅读(9203)条

js替换掉字符串中的空格\回车\换行2013/11/4 13:55:34

js替换掉字符串中的空格\回车\换行

经常在js中要处理一些字符串的空格、回车、换行等问题,比较常见,所以记录下来。如js替换掉字符串中的空格\回车\换行Jquery:$("#accuracy").val($("#accuracy").val().replace(/\ +/g,""));//去掉空格$("#content").val($("#content").val().replace(/[ ]/g,""));    //去掉空格$("#content").val($("#content").val().replace(/[\r\n]/g,""));//去掉回车换行js:var testStr="sssssvvvvv";var resu...未完,继续阅读→

js替换字符

阅读(49436)条

支持触摸划动的jQuery响应轮播插件2013/10/16 10:11:55

支持触摸划动的jQuery响应轮播插件

超赞的插件,Owl Carousel 是一个 jQuery 插件,您可以创建美丽响应轮播滑块。使我们能够迅速地创建图片切切换的效果,并且支持手机触摸划动。这个插件是能更好的解决电脑与手机图片轮播的一致性,在电脑上也能直接按住拉动切换。几乎能与任何的 HTML 内容兼容使用。另外,强大的选项设置支持分页/滑动速度,启用/禁用自动播放,显示子弹导航等等。赶快来试用一下吧。DEMO插件下载      效果演示未完,继续阅读→

jq触屏手机插件

阅读(13307)条

Keypress超强大,捕获键盘输入的 JavaScript 库2013/10/14 9:31:42

Keypress超强大,捕获键盘输入的 JavaScript 库

Keypress 是一个强大的 JavaScript 库,用于捕获键盘输入。这是一个有非常特殊的功能的输入捕获库,它是很容易掌握和使用,并且不依赖第三方库。在网站开发中,经常会碰到需要处理键盘输入的场景,处理起来繁琐。现在有了这个键盘输入处理的库就很方便了。使用示例:keypress.combo("shift s", function() { console.log("You pressed shift and s");}); // There are also a few other shortcut methods: // If we want to register a counting combokeypress.counting_combo("tab space", f...未完,继续阅读→

jskeypress键盘

阅读(6405)条

IE ajax缓存问题2013/10/11 14:36:53

IE ajax缓存问题

在默认情况下,IE会缓存相同地址ajax请求的结果。IE的第一次ajax请求会发送到服务器端处理,如果后续的请求的参数与第一次的一样,浏览 器会直接返回缓存的结果而不是去服务器获取。有时候我们希望获取实时的数据,那么该如何解决这个问题呢?只要在ajax请求中加一个时间戳参数或随机参数 就可以了。jQuery ajax中提供了一个cache属性来解决浏览器的缓存问题。cache的默认值为true, 如果设为false, 它会强制请求的页面不会被浏览缓存。设置cache为false时会在query string中追加一个"_=[时间戳]"的参数。$.ajax({ u...未完,继续阅读→

ieajax缓存

阅读(5583)条

23个功能强大的jQuery/CSS3图片特效插件2013/10/11 11:43:02

23个功能强大的jQuery/CSS3图片特效插件

以下是分享的20几个不错的图片特效插件,基于jQuery和CSS3。1、jQuery图片下滑切换播放效果这是一款基于jQuery的焦点图插件,这款焦点图的特点是有向下滑动的动画效果,滑到底部时,有弹跳的效果,焦点图很霸气,非常不错。 在线演示    /   素材下载2、jQuery带闹钟功能的数字时钟这是一款基于jQuery的数字时钟,这款时钟的特点是带有闹钟功能,你可以为时钟设置多少时间后开启闹铃,很实用吧。在线演示    /    素材下载 3、jQuery平面时钟这款jQuery时间插件非...未完,继续阅读→

jqcss3特效

阅读(6104)条

了解了这些才能开始发挥jQuery的威力2013/10/9 13:57:47

了解了这些才能开始发挥jQuery的威力

由于当前jQuery如此的如雷贯耳,相信不用介绍什么是jQuery了,公司代码中广 泛应用了jQuery,但我在看一些小朋友的代码时发现一个问题,小朋友们使用的仅仅是jQuery的皮毛,只是使用id选择器与attr方法,还有几个 动画,如果只是如此,相比于其带来的开销,其实还不如不使用,下面介绍几个jQuery常用的方法,来让jQuery的威力发挥出来,否则只用有限的几个 方法,相对于运行速度问题,真不如不用jQuery。jQuery如此之好用,和其在获取对象时使用与CSS选择器兼容的语法有很大关系,毕竟CSS选择器大家都很熟悉,但其强大在兼容了CSS3的选择...未完,继续阅读→

jq选择器

阅读(5787)条

不定义JQuery插件,不要说会JQuery2013/10/9 9:24:56

不定义JQuery插件,不要说会JQuery

一:导言   有些WEB开发者,会引用一个JQuery类库,然后在网页上写一写$("#"),$("."),写了几年就对别人说非常熟悉JQuery。我曾经也是这样的人,直到有一次公司里的技术交流,我才改变了自己对自己的看法。二:普及JQuery知识知识1:用JQuery写插件时,最核心的方法有如下两个:$.extend(object) 可以理解为JQuery 添加一个静态方法。$.fn.extend(object) 可以理解为JQuery实例添加一个方法。基本的定义与调用:/* $.extend 定义与调用* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * ...未完,继续阅读→

Jquery插件

阅读(5630)条

最具有性价比的语言javascript2013/9/28 14:17:36

最具有性价比的语言javascript

虽然最近几年javascript很火。但很多程序员对javascript重视程度不够,所以对javascript的高级应用不甚了解。认为 javascript仅仅只是一门脚本语言,作用就是表单验证,网页特效,ajax处理,导致很多开发者对javascript没有足够多的学习时间的投 入。javascript应用很多常见的有google Maps ,163email,网页版的游戏。 任何一门语言要精通都不是很容易,如果开发者们没有对JavaScript足够尊敬,是不大可能写出如此优秀的Web应用的。而且如今的javascript不仅仅只是Web应用了!        JavaScrip...未完,继续阅读→

js语言html5

阅读(6387)条

一步一步教你搭建Python开发环境2013/9/27 9:59:05

一步一步教你搭建Python开发环境

上一篇讲了Python的特色及应用 本文讲如何搭建Python开发环境。如何搭建Python的开发环境,1. 建立Python的开发环境2.第一个Python程序,还是从Hello World开始3. debug一下python程序<1>. 建立Python的开发环境;这里使用的Python的开发环境是eclipse + pydev插件来配置python的开发环境,如果想要在命令行下使用python的话,需要设置计算机的环境变量。1.1 下载Python的安装包. 安装Python。1.2  安装eclipse插件查找该插件,并安装,注意安装过程中可能存在需要trust插件的情况,直接选择信任即可。然后等待插件安装...未完,继续阅读→

Python的特色及应用2013/9/27 9:43:33

Python的特色及应用

Python作为一种功能强大且通用的编程语言而广受好评,它具有非常清晰的语法特点,适用于多种操作系统,目前在国际上非常流行,正在得到越来越多的应用。  下面就让我们一起来看看它的强大功能:  Python(派森),它是一个简单的、解释型的、交互式的、可移植的、面向对象的超高级语言。这就是对Python语言的最简单的描述。  Python有一个交互式的开发环境,因为Python是解释运行,这大大节省了每次编译的时间。Python语法简单,且内置有几种高级数据结构, 如字典、列表等,使得使用起来特别简单,程序员一个下午就可学会,一般人员一周内也可...未完,继续阅读→

Python特色应用

阅读(5683)条

33个令人印象深刻的 Web 设计灵感2013/9/13 8:48:07

33个令人印象深刻的 Web 设计灵感

作为一个网页设计师你就看着很多的创意灵感的网站,它是你跟上当前的和新的设计趋势。现在在网页设计中一天的当前热趋势似乎是粗体显示的图像,使用插图不是死的。大部分的设计师们想要的可能印象新访客。在这篇文章我们展示了 33 的站点上使用一个干净的布局和设计,消除不必要的混乱。一些网站都是简约干净设计。1. Mystery Packs2. Miagui3. Caitin Wicker4. Revelation Concept5. Taxi Real6. Stephanie Hider7. Abbyputinski8. Sanchez Romero Carvajal9. Cyclemon10. Hawaii11. Normbot12. We Are Moving Things13. Cer...未完,继续阅读→

设计灵感web

阅读(8544)条

当前第  11  页 / 共  28  页  总共559条记录  

891011121314