网页前端设计

http://www.86y.org

搜索文章

使用CSS3为社会化图标添加动画效果2013/5/14 10:52:08

使用CSS3为社会化图标添加动画效果

很多博客和网站为了更好和阅读者沟通都会添加一些社会化图标,本篇文章将介绍如何使用CSS3 translation属性为社会化图标添加一些简单的动画效果,教程中一共提供了四种不同的动画效果。(底部附完整实例代码) 浏览器支持:Firefox 4.0+  Safari3.1+  Opera10.5+  Chrome4.0+  IE10四种效果分别使用了transform的:rotate, scale, translate来实现,三种可以单独使用也可以随意搭配。rotate接受一个参数定义旋转的度数。scale一个参数定义了水平和垂直的放大缩小的比例,如果是两个参数第一个是水平第二...未完,继续阅读→

CSS3社交图标

阅读(7459)条

Alexa排名的成长与分析2013/5/9 10:12:06

Alexa排名的成长与分析

2012-2-27号起关注自己的网的Alexa排名,一直到现在(2013-5-9)每天我都会关注并且记录下来。全球排名多少,中国排名多少。如下:我安装了alexa工具栏排名上升是比较明显的。如果你的浏览器支持安装Alexa工具栏 猛点击-> http://www.alexa.com/toolbar  ->打开后在页面直接安装(是插件的形式),支持IE跟谷歌还有火狐。其实国内有多少网站,全球又有多少网站,真正想进入排名几乎是难以想象的。所以我对Alexa全球排名是非常质疑的。今天我就自己对全球排名的了解以及操作过的案例来说下Alexa全球排名。 什么是A...未完,继续阅读→

alexa排名

阅读(7027)条

js显示漂亮的英文字体实例2013/4/28 13:31:54

js显示漂亮的英文字体实例

上一篇中讲到了 【js字体库用canvas绘制效果 】效果看上去挺好看的。cufon 类库的作用是将网页上的文字按设定的字体在 canvas 上绘制出来,这样效果显得非常酷。现在来教大家如何使用这些来实现你的字体美化。(底部附HTML代码)一、准备好cufon-yui.js ;二、准备好一个JS的字体库(本实例使用 imagine font,当然你也可以使用多种字体效果使用方法是一样的);三、就是编写HTML了;<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quo...未完,继续阅读→

jscanvas字体实例

阅读(10916)条

js字体库用canvas绘制效果2013/4/28 11:20:19

js字体库用canvas绘制效果

前几天看到有个英文网站的字体非常漂亮,所以查看了下源代码发现原来是用JS 写的而且支持a:hover事件可以改变颜色图片中例1就是hover效果。然后我就把字体下载下来研究。(可惜的是不支持中文。但支持英文也已经很不错了。看到那么美的字体,想像下自己写的东西全部换成英文就有这么漂亮了。)当然你的浏览器必须支持canvas,也就是说要支持THML5。我看了下代码其实是将英文字体转化成JS编码,而且编码主要是每个字母的画法,字体大小是根据页面的样式中取得。如A的位置参数"A":{"d":"87,-274v1,8,-9,11,-...未完,继续阅读→

jscanvashtml5字体

阅读(9382)条

jquery操作select实例2013/4/25 11:55:21

jquery操作select实例

jq需要操作select一系列内容,如添加select change事件,获取select的Text,获取Select选择的Value ,获取Select选择的索引值,获取Select最大的索引值等等。jQuery获取Select元素,并选择的Text和Value: 1. $("#select_id").change(function(){//code...});   //为Select添加事件,当选择其中一项时触发 2. var checkText=$("#select_id").find("option:selected").text();  //获取Select选择的Text 3. var checkValue=$("#select_id").val(); ...未完,继续阅读→

jqselect操作

阅读(6593)条

我的js云标签实例2013/4/25 11:10:29

我的js云标签实例

本站所引用的固定标签云实例,在这里分享给大家。该标签云的实现主要是从两方面着手:1、随机颜色 方法延伸js获取随机颜色function GetColor(){var r = Math.floor(Math.random() * 255).toString(16);var g = Math.floor(Math.random() * 255).toString(16);var b = Math.floor(Math.random() * 255).toString(16);r = r.length == 1 ? "0" + r : r;g = g.length == 1 ? "0" + g : g;b = b.length == 1 ? "0" + b : b;return "#" + r + g + b;}2、随机字体大小(本文固定几个字体...未完,继续阅读→

js标签云

阅读(7346)条

js获取随机颜色2013/4/25 10:22:32

js获取随机颜色

在制作饼图或标签云时,我们通常需要很多颜色,方法有二。一是准备一组漂亮的候选颜色,二是随机生成颜色。在数量很多或不明确时,我想后者就是唯一的出路了。谷歌了一下,整理如下,按由浅入深的顺序排列。实现1var getRandomColor = function(){ return "#" + (function(color){ return (color += "0123456789abcdef"[Math.floor(Math.random()*16)]) && (color.length == 6) ? color : arguments.callee(color); })("");}//随机生成6个字符然后再串到一起,闭包调用自...未完,继续阅读→

js颜色

阅读(10186)条

关于SEO未来的影响2013/4/24 8:50:15

关于SEO未来的影响

搜索引擎优化 (SEO) 是网站设计的最重要方面之一。因此,有足够的 SEO 知识,可以帮助您创建一个成功的网站,可以获得在线的所有的注意。由于搜索引擎的性质,应执行优化网站排名高的搜索排名的一种。为了删除垃圾邮件内容主要的搜索引擎谷歌等也开始晚修改其算法。因此如果您是热衷于使您的网站突出一个你应该确保你的网站内容是免费的垃圾邮件功能,如关键字堆砌。把优质的网站是一种形式的 SEO 可以产生惊人的效果更好的投资回报率或利润 (seotraining).除了把握和明确的内容,你可以也使用 SEO 作为一种工具减少你的竞争对手...未完,继续阅读→

网站SEO收录培训

阅读(6844)条

保护你的JavaScript代码2013/4/19 11:24:40

保护你的JavaScript代码

JScrambler是一个基于Web的代码混淆工具,允许开发者混淆他们的Web应用程序的源代码,隐藏算法,来为代码添加一个额外的安全层,以防止代码被盗用。JScrambler今天发布了v3版本,该版本引入了一些新特性,包括:可在编译时简化常量表达式,让代码运行更快移除死代码和无效的代码移除断言移除用于控制调试信息输出的调试代码JScrambler团队称,该产品目前已经为106个国家和地区的开发者处理了超过1.2亿行的代码。代码混淆显然与目前大热的开源精神相违背,但JScrambler团队表示,他们也非常赞同开放和共享源码,但在有些场合下隐藏We...未完,继续阅读→

做人做事都不能太满2013/4/15 10:36:28

做人做事都不能太满

我曾经在一本杂志中看到过这样一篇文章,一位著名企业家在作报告时,一位听众问:“你在事业上取得了巨大的成功,请问,对你来说,最重要的是什么?”  企业家没有直接回答,而是拿起粉笔在黑板上画了一个留有缺口的圆。于是引来台下听众不解的疑问“这是什么”?是“零”“圈”“未完成的事业”“成功”……  面对这些回答他未置可否:“其实,这只是一个未画完整的句号。你们问我为什么会取得辉煌的业绩,道理很简单:我不会把事情做得很圆满,就像画...未完,继续阅读→

睿智道理美文

阅读(10129)条

小故事大智慧:平庸-把自己当看客2013/4/15 10:07:42

小故事大智慧:平庸-把自己当看客

1、平庸  幸福好像更容易光顾到普通人的身上,而不是降临在名利场或在权势圈里奋斗的那些人。  英国心理学家威廉,是研究精神方面的专家,他很早就发现,人在精神领域里的成长,常常是被扭曲的。成功、事业、名利、权势等等人们所追逐的对象,正是扭曲人们精神的根源,它们十分类似能令人中毒的香精、大麻,往往会把人的精神引向一个与自然生活相悖的领域,使人陷入无端的痛苦而自己不知情。  威廉曾在十几年中用小鼠做过上千次的实验,他把不同的香精点燃,放在小鼠笼子的四周。不同的香精,同样能够刺激、提高人的精神享受,并代表着不同的...未完,继续阅读→

故事智慧美文

阅读(9149)条

解决Json数据跨域问题2013/4/12 10:09:24

解决Json数据跨域问题

Json跨域获取数据。很多人在用jQuery的getJSON(“xxx”)发现获取不到数据,纠结了很久才发现是跨域问题  今天来分享一下我是怎么解决Json数据跨域问题的<!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> <title>Json跨域解决办法</title> <script src="http://code.jquery.com/jquery-1...未完,继续阅读→

json跨域

阅读(7312)条

李开复给女儿的信:你该如何度过大学生涯2013/4/12 9:41:50

李开复给女儿的信:你该如何度过大学生涯

 Dear Daughter:亲爱的女儿:  As we drove off from Columbia, I wanted to write a letter to you to tell you all that is on my mind.当我们开车驶出哥伦比亚大学的时候,我想写一封信给你,告诉你盘旋在我脑中的想法。   First, I want to tell you how proud we are. Getting into Columbia is a real testament of what a great well-rounded student you are. Your academic, artistic, and social skills have truly blossomed in the last few years. Whether it is getting the highest grade in Calculus, co...未完,继续阅读→

大学英语

阅读(8550)条

一位母亲的教女名言2013/4/12 9:36:00

一位母亲的教女名言

  01、不要试图什么都争第一。  02、不要试图交到一个完美的朋友,也不要交到很多朋友。  03、帮助别人,自己也会强大起来。  04、学会用真诚的简单,对付虚伪的复杂。  05、考上大学,你是我的女儿;你扫马路,更是我的女儿;只要保持高贵的人格,扫马路也可以扫出一个光明纯洁的世界。  06、学校里的考场上可以有59分,人生的考场上决不允许不及格。  07、美德是这个世界上惟一不会凋谢的花朵。  08、爱情是一朵美丽的浪花,然而你生命的航船却要绕开它小心翼翼的行驶,因为你稚嫩的双桨运载不动神圣的职责。  09、不管怎样,你都是要学会培养自己...未完,继续阅读→

.net操作XML笔记2013/4/11 14:38:48

.net操作XML笔记

xml的使用越来越普遍了,XML编辑,修改,删除也是必须具备的功能。主要是XML使用起来也比较方便,更是对服务器没有任何负担。所以在这里分享出来给大家参考。下面将介绍.net操作XML的方法。一、简单介绍using System.Xml;//初始化一个xml实例XmlDocument xml=new XmlDocument();//导入指定xml文件xml.Load(path);xml.Load(HttpContext.Current.Server.MapPath("~/file/bookstore.xml"));//指定一个节点XmlNode root=xml.SelectSingleNode("/root");//获取节点下所有直接子节点XmlNodeList childlist=root....未完,继续阅读→

net操作xml

阅读(6850)条

用javascript实现数字大小写转换2013/4/9 11:02:53

用javascript实现数字大小写转换

需求:大小写互转小写大写金融大写0零 123一百二十三 103一百零三 1003一千零三  ok,我们先来研究一下小写小写长度常用大写大写长度完整大写完整大写长度00零===1233一百二十三===1033一百零三=一百零十三510034一千零三4一千零百零十三7上面的数字比较短,这里就来个更长的数字零亿零千零百零十零万零千零百零十零亿零千零百零十零万零千零百零十零亿零千零百零十零万零千零百零十零上面用的大写形式,好看点,其实就是下面三段,这个数字够大了零亿零千零百零十零 万零千零百零十零亿零千零百零...未完,继续阅读→

js大小写转换

阅读(7775)条

QQ在线联系网页代码2013/4/9 10:43:22

QQ在线联系网页代码

网站切图的时候是否在找QQ在线代码呢?QQ在线联系网页代码,这里是你不错的选择你可以选择你想要的效果,好的话你可以收藏起来。下次做的时候就不用再找了。一劳永逸,何乐而不为。<a target=blank href=tencent://message/?uin=88888&Site=www.ik38.com&Menu=yes><img border="0" SRC=http://wpa.qq.com/pa?p=1:88888:1 alt="点击联系"></a><a style="padding-right:20px;" href="http://wpa.qq.com/msgrd?v=3&amp;uin=598800342&amp;site=qq&...未完,继续阅读→

qq代码联系

阅读(7403)条

2012一级建造师(建筑专业) 课件、资料、模拟资料(附图)2013/4/9 9:45:22

2012一级建造师(建筑专业) 课件、资料、模拟资料(附图)

这是本人买书时获得的资料,所以开怀共享!因为本人考的是建筑专业,所以以下资料、课件、模拟题建筑专业的没有问题,其它专业的看着点下。【一级建造师-建设工程经济】【一级建造师--法规及相关知识】:【一级建造师--建设工程项目管理】:【2012一级建造师-建筑工程】让那些卖课件的人们吃屎去吧。未完,继续阅读→

建造师课件资料

阅读(6784)条

WEB前端底层知识--浏览器是如何工作的2013/4/8 11:41:04

WEB前端底层知识--浏览器是如何工作的

概述     对于一直从事B/S架构(B/S也是一种C/S架构,只不过C/S自己写显示而B/S有相对统一的显示引擎实现而已)WEB领域的开发人员来说,浏览器 Browser再熟悉不过了。不管你是JAVA流还是微软流抑或PHP流,WEB开发新流派。不论你的服务器端采用哪种业务架构,ORACLE数据库还是 MSSQL,站在用户的角度思考,这个才是他们直接能接触到的,前端的用户体验给了用户直观的印象,投其所好,我们也总少不了要跟它打交道,很多问题的根源皆来源于此,了解一下其内部执行原理,也许对我们的开发工作会事半功倍,从一位纯粹的...未完,继续阅读→

浏览器web前端

阅读(6217)条

野外求生 贝尔全集2013/4/8 11:23:08

野外求生 贝尔全集

以下是我收藏了 野外求生 视频全集。分享给那些喜欢在户外运动的朋友们。 荒野求生第一季10集全 荒野求生第二季14集全 荒野求生第三季11集全 荒野求生第四季12集全 荒野求生第五季9集全 荒野求生第六季10集全 荒野求生第七季7集全 荒野求生特别篇3集全   荒野求生 贝尔 野外求生 徒手宰鳄 荒野求生国语:野外求生饮食篇《荒野求生》中国特辑-海南 discovery 探索 贝尔 格里尔斯 求生秘技 荒野求生:无人荒岛 [国语]干抹洁奉献荒野逃生 荒岛求生 荒野...未完,继续阅读→

荒野求生贝尔

阅读(12280)条

当前第  17  页 / 共  41  页  总共808条记录  

14151617181920