我的日志-幸凡学习网

文章列表

发布时间：2013/6/13 15:46:04 阅读(10521)条评论(0)条

现在创建的 web 站点的最重要工具之一，css 是最不少的，用作尽可能多。由于它的大众化，你可以找到自己花了很多时间几乎重塑存在的事物，如菜单、按钮等。这将不仅给你很大的头痛，但将也花费你大量的时间，所以尽量使用那些好的特效，是可以帮你更快的完成你的工作而且美观。在这篇文章 20的非常有用的css代码特效用图形和html 资源与一个完整的演示。Top BarMini Dropdown MenuNotification alert modal windows with CSS3Mac OSX-like animated folder with CSS3Simple Hover CSS MenuResponsive CSS Navigation MenuToolb...未完，继续阅读→
关键字：css 按钮菜单

如何更巧妙的写好你的JavaScript

发布时间：2013/6/10 14:50:57 阅读(7298)条评论(1)条

写好脚本很重要，就跟写程序是一样的。不同的写法执行的效率是不同的。今天来介绍一下javascript不一样的写法，很简单哦。1、当条件成立时执行a方法，当条件失败是执行b方法通常我们会这样写：var result;if(isOk){ result=funA();}else{ result=funB();}还可以这样表达：var result=isOk? funA():funB()2、当条件成立执某个方法通常方式：if(isOk){ doSomething(); }我更喜欢这样写：isOk&&doSomething();如果一个变量没定义或没有值则给它一默认值str=str||"ok";arr=arr||[];上面的方式可行，是因为在js逻...未完，继续阅读→
关键字：js

PNG的使用技巧分享

发布时间：2013/6/1 16:06:05 阅读(6691)条评论(0)条

Png是图像文件存储格式，在网页设计中已经不是一个陌生的名词，我们在前端开发中经常看到它，但是，你真的了解Png么，Png到底有多少种格式，有哪些特点，PC端中常用的Png格式是哪些，手机端最合适的Png格式是什么呢？如果你对这些问题有疑问，那么很开心的告诉你，这里有你需要的答案(*^__^*) 嘻嘻……这篇文章本来是上上周要发的，后来家里有事情，回老家了，这周才回到深圳，推迟到今天才发~不多说了，看文章~~目录：Png的格式和透明度 | [Png 不透明]格式 | Png24实际为不透明图片 | [Png 索引透明]格式 | [png8 索引...未完，继续阅读→
关键字：png 移动设备

google背景css sprite实用教程

发布时间：2013/6/1 14:34:59 阅读(8835)条评论(0)条

css sprite完整教程是一个比较实用的教程，讲的比较基础，不会让你难以着手。好吧我尽量讲的通俗一点。相信大家现在对于css应该是比较了解了，网页中是必不可少的一个内容。其实不仅仅是为了以后维护修改起来简单，当然大家可以看下【DIV+CSS布局的好处和意义】首先sprite图片不应过大。这样会造成比较长时间的等待可能会对用户体验较差。css sprite技术的初衷其实是减少对服务器的请求数量，以达到减轻服务器的压力。CSS sprite技术的是图片的加载时间(在有许多 sprite 时，单张图片的加载时间)。由所需图片拼成的一张 GIF 图片的尺...未完，继续阅读→
关键字：css sprite 教程

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

发布时间：2013/5/14 10:52:08 阅读(7753)条评论(0)条

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

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

发布时间：2013/4/28 13:31:54 阅读(11319)条评论(0)条

上一篇中讲到了【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...未完，继续阅读→
关键字：js canvas 字体实例

js字体库用canvas绘制效果

发布时间：2013/4/28 11:20:19 阅读(9730)条评论(0)条

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

jquery操作select实例

发布时间：2013/4/25 11:55:21 阅读(6880)条评论(0)条

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(); ...未完，继续阅读→
关键字：jq select 操作

我的js云标签实例

发布时间：2013/4/25 11:10:29 阅读(7660)条评论(0)条

本站所引用的固定标签云实例，在这里分享给大家。该标签云的实现主要是从两方面着手：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 标签云

js获取随机颜色

发布时间：2013/4/25 10:22:32 阅读(10495)条评论(0)条

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

关于SEO未来的影响

发布时间：2013/4/24 8:50:15 阅读(7200)条评论(0)条

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

保护你的JavaScript代码

发布时间：2013/4/19 11:24:40 阅读(7011)条评论(0)条

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

解决Json数据跨域问题

发布时间：2013/4/12 10:09:24 阅读(7740)条评论(0)条

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 跨域

.net操作XML笔记

发布时间：2013/4/11 14:38:48 阅读(7270)条评论(0)条

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

用javascript实现数字大小写转换

发布时间：2013/4/9 11:02:53 阅读(8165)条评论(0)条

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

QQ在线联系网页代码

发布时间：2013/4/9 10:43:22 阅读(7794)条评论(0)条

网站切图的时候是否在找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&uin=598800342&site=qq&...未完，继续阅读→
关键字：qq 代码联系

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

发布时间：2013/4/8 11:41:04 阅读(6507)条评论(0)条

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

C#数组学习实例

发布时间：2013/4/8 9:09:26 阅读(6872)条评论(0)条

C# 数组从零开始建立索引，即数组索引从零开始。C# 中数组的工作方式与在大多数其他流行语言中的工作方式类似。但还有一些差异应引起注意。声明数组时，方括号 ([]) 必须跟在类型后面，而不是标识符后面。在 C# 中，将方括号放在标识符后是不合法的语法。int[] table; // not int table[];另一细节是，数组的大小不是其类型的一部分，而在 C 语言中它却是数组类型的一部分。这使您可以声明一个数组并向它分配int 对象的任意数组，而不管数组长度如何。int[] numbers; // declare numbers as an int array of any sizenumbers = new ...未完，继续阅读→
关键字：NET 数组学习

Android开发之旅：环境搭建（基础篇）

发布时间：2013/4/8 8:57:47 阅读(6669)条评论(0)条

引言本系列适合0基础的人员，因为我就是从0开始的，此系列记录我步入Android开发的一些经验分享，望与君共勉！作为Android队伍中的一个新人的我，如果有什么不对的地方，还望不吝赐教。在开始Android开发之旅启动之前，首先要搭建环境，然后创建一个简单的HelloWorld。本文的主题如下：1、环境搭建1.1、JDK安装1.2、Eclipse安装1.3、Android SDK安装1.4、ADT安装1.5、创建AVD2、HelloWorld1、环境搭建1.1、JDK安装如果你还没有JDK的话，可以去这里下载，接下来的工作就是安装提示一步一步走。设置环境变量步骤如下：我的电脑->属性->高级...未完，继续阅读→
关键字：Android 环境开发

height,clientHeight,scrollHeight,offsetHeight各自的区别

发布时间：2013/4/6 15:30:21 阅读(6639)条评论(0)条

我们来实现test中的onclick事件function justAtest(){ var test= document.getElementById("test"); var test2=document.getElementById("test2") var test3=document.getElementById("test3") var test4=document.getElementById("test4"); alert(test4.style.height); alert(test3.style.height); alert(test2.style.height) alert(test.style.height); alert(document.body.style.height)}height :其实Height高度跟其他的高度有点不一样...未完，继续阅读→
关键字：js height

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