2013年10月17日
转盘抽奖效果练习
效果截图：CSS代码：*,body,img,a,hi,h2,table,td,tr,ul,li{ margin:0; padding:0; border:0;}#gameBox{ position:absolute; width:284px; height:284px; left:50%; top:50%; margin-left:-142px; margin-top:-142px;}.gameitem,.startitem{ position:absolute; width:89px; height:89px; ... Read More
posted @ 2013-10-17 18:01 红油小生 Views(383) Comments(0) Diggs(1)
2013年8月8日
javascript网页弹出层练习
网页中经常出现很多"popup"弹窗效果，这里做一个练习，给我们初学者一个参考。HTML代码：弹窗1弹窗2CSS代码：*{padding:0; margin:0}#popup{position:fixed; width:100%; height:100%; z-index:888; background:#666; filter:alpha(opacity=60); opacity: 0.6; display:none;}/*遮罩层样式*/.popbox{position:absolute; display:none; padding:10px; border:5px #e Read More
posted @ 2013-08-08 10:33 红油小生 Views(271) Comments(0) Diggs(0)
2012年8月27日
几段javascript实现一个打字游戏效果
小学习了下数组的知识，就做了个打字游戏效果练习下。我也是菜鸟，可能很不优化，不过也是想让新手们一起学习下：下面是全部代码：<!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=& Read More
posted @ 2012-08-27 16:22 红油小生 Views(348) Comments(0) Diggs(0)
2012年6月21日
Jquery实现一个图片滚动切换
很多效果还是要封装成插件才好，这里只是给大家个效果参考。对像我这种新手应该还是有帮助的吧。首先还是要引用jquery框架的。然后开始HTML代码： 专业问答平台 啊是发达庵圣坊但是分开就 同城阿萨德业动 再然后看看CSS（大家也可以直接看JS的）：ul,img,li,a{ border:0; margin:0; padding:0; list-style:none;}#New_zlMimgMv { border: 1p... Read More
posted @ 2012-06-21 13:20 红油小生 Views(4250) Comments(1) Diggs(2)
2011年9月19日
新浪微博的文字滚动更新效果
看新浪微博里面更新用户发布消息的效果不错，找了下代码：类似新浪微博的文字滚动效果 Read More
posted @ 2011-09-19 19:45 红油小生 Views(1162) Comments(6) Diggs(1)
jquery实现简单的手风琴效果
好久没发了，来随便发发，利用jquery中的slideUp和silideDown来实现。代码中有注释。 一个简单的上下滑动手风情效果。首先看看html代码：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">.title{ background-color:#09F; c Read More
posted @ 2011-09-19 11:11 红油小生 Views(1148) Comments(0) Diggs(2)
2011年9月1日
jquery依然简短几句代码实现给元素动态添加及获取提示信息
（虽然是很基本的东西，但为什么很基本的方法就可以实现的东西有些人偏偏还要去追求复杂高深难懂的呢？这里只是交流而已。）。。。。还是要首先引用JQ框架。然后来看看效果：(连接添加不上)只能暂时看哈图片， 具体效果可参见我博客左方“My Box”中的“玩游戏”：下面代码中有具体注释。再来看看代码： 深林冰火人智商球3船长的运输船 以上的JS代码也可以用JQ里面的插件机制封装成插件，直接调用方法就可以使用了：(function($) { $.fn.yourName=function(){//定义你想要的方法名 $(this).mousemove(function(ev){ $("body&q Read More
posted @ 2011-09-01 09:40 红油小生 Views(2481) Comments(14) Diggs(3)
2011年8月29日
简短几句jquery代码的实现一个图片向上滚动切换。
简短几句jquery代码实现一个图片向上滚动切换。animate()参数介绍：animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。只有数字值可创建动画（比如 "margin:30px"）。字符串值无法创建动画（比如 "background-color:red"）。PS:但是如果你引用了最新jquery ui框架的话backgroudColor,color之类的属性也可以实现渐变了。PS：使用 "+=" 或 "-=&q Read More
posted @ 2011-08-29 22:37 红油小生 Views(3054) Comments(0) Diggs(5)
2011年8月28日
深入理解什么是javascript中的闭包。
闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。Js代码 var n=999; function f1(){ alert(n); } f1(); // 999另一方面，在函数外部自然无法读取函数内的局部变量。Js代码 function f1(){ var n=999; } alert(n); // error这里有一个... Read More
posted @ 2011-08-28 22:16 红油小生 Views(726) Comments(4) Diggs(3)
2011年8月26日
理解JavaScript中的面向对象
JavaScript 是面向对象的。但是不少人对这一点理解得并不全面。在 JavaScript 中，对象分为两种。一种可以称为“普通对象”，就是我们所普遍理解的那些：数字、日期、用户自定义的对象（如：{}）等等。还有一种，称为“方法对象”，就是我们通常定义的 function。你可能觉得奇怪：方法就是方法，怎么成了对象了？但是在 JavaScript 中，方法的确是被当成对象来处理的。下面是一个简单的例子：JavaScript代码function func() {alert('Hello!');} alert(func.toString()); 在这个例子中，func 虽然是. Read More
posted @ 2011-08-26 16:19 红油小生 Views(260) Comments(0) Diggs(0)
下一页