代码改变世界

随笔分类 -  Web前端(原创)

文本框动画式变大

2011-07-21 15:08 by Rollen Holt, 731 阅读, 收藏,
摘要: 这个由于是动画效果,所以不好粘贴出来,大家可以自己运行试试,呵呵。<!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-Type" cont 阅读全文

文本框的高度变化

2011-07-21 15:05 by Rollen Holt, 1192 阅读, 收藏,
摘要: 原图:点击放大之后:代码如下:<!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-Type" content="text/htm 阅读全文

jQuery表单过滤

2011-07-21 14:57 by Rollen Holt, 660 阅读, 收藏,
摘要: 先看看效果再说吧。这个是一开始的表单样子。然后比如我们想搜索姓名中含有“张”的人,效果如下:呵呵,最近初学jQuery,所以例子比较简单。代码如下: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 2 3 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lan 阅读全文

动画停止和延时

2011-07-18 15:44 by Rollen Holt, 380 阅读, 收藏,
摘要: <!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>hello</title> <meta http-equiv="Content" "c 阅读全文

简单的移位动画

2011-07-18 15:29 by Rollen Holt, 387 阅读, 收藏,
摘要: <!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>移动位置的动画</title> <script type="text/javascript" sr 阅读全文

简单的动画

2011-07-18 15:27 by Rollen Holt, 461 阅读, 收藏,
摘要: <!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>hello</title> <meta http-equiv="Content" "c 阅读全文

图片的淡入和淡出效果演示

2011-07-18 14:26 by Rollen Holt, 498 阅读, 收藏,
摘要: 因为是动画效果,所以不好贴图片,大家可以自己运行看看效果。代码如下:<!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>hello</title> <meta http 阅读全文

显示和隐藏菜单的做法

2011-07-18 13:45 by Rollen Holt, 660 阅读, 收藏,
摘要: 之前的效果修改之后的效果代码如下:<!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>hello</title> <meta http-equiv="Cont 阅读全文

列表中的导航菜单的制作

2011-07-18 11:24 by Rollen Holt, 787 阅读, 收藏,
摘要: 效果图如下代码如下:(图片大家可以自己找)<!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>事件中的冒泡现象</title> <meta http-equiv=&qu 阅读全文