随笔分类 - CSS/HTML
祝圣诞节快乐好运气!
摘要:圣诞节到了,祝大家圣诞快乐!模拟抽奖体验效果:http://hovertree.com/texiao/jquerytree/3/效果图如下:祝大家圣诞节快乐!http://www.cnblogs.com/jihua/p/Chrismas.html代码如下:jquery随机抽奖 - 何问起随机抽奖第三...
阅读全文
jQuery实践树(2)
摘要:上一个实践主要对jquery的ready事件进行。本实践要来使用jQuery改变页面的背景图片。可以先试试效果:http://hovertree.com/texiao/jquerytree/2/当你打开页面时,会看到一闪一闪的雪花效果。这不是使用jQuery的效果,只是用CSS设置了背景图片为动态图...
阅读全文
jquery返回顶部,支持手机
摘要:jquery返回顶部,支持手机效果体验:http://hovertree.com/texiao/mobile/6/在pc上我们很容易就可以用scrollTop()来实现流程的向上滚动的返回到顶部的动画,然后用到web移动端却没什么卵用,会出现滚动不流畅,卡顿,失灵等等现象。这是因为移动端的scrol...
阅读全文
今天大雪 看雪花飘落HTML5特效
摘要:今天大雪,弄一个下雪的特效。html5飘落的雪花堆积动画特效查看效果:http://hovertree.com/texiao/js/snow.htm以下是完整源代码,保存到HTML文件也可以看效果:下雪了,我们去堆雪人好吗? - 何问起下雪了,我们去堆雪人好吗?您的浏览器不支持播放音乐。请用支持ht...
阅读全文
使用CSS把ul,li制作成表格
摘要:查看效果:http://hovertree.com/texiao/css/7.htm具体实现请看样式部分。完整代码:使用CSS把ul,li制作成表格-何问起何问起使用CSS把ul,li制作成表格首页网站地图HoverTreeCMS特效CMS在线预览jQuery图片列表鼠标经过遮罩显示文字原文 web...
阅读全文
CSS3 使用自定义字体
摘要:CSS3 @font-face 规则在 CSS3 之前,web 设计师必须使用已在用户计算机上安装好的字体。通过 CSS3,web 设计师可以使用他们喜欢的任意字体。当您您找到或购买到希望使用的字体时,可将该字体文件存放到 web 服务器上,它会在需要时被自动下载到用户的计算机上。您“自己的”的字体...
阅读全文
移动页面div居中效果代码
摘要:在线查看效果:http://hovertree.com/texiao/mobile/4.htm可用手机浏览器查看以下为HTML文件:移动页面div居中效果-移动这是一个div,用手机浏览器打开可见居中。当然用PC浏览器也是居中的。但更适合多种移动浏览器。居中代码请看 .hovertreecenter...
阅读全文
Google LOGO现代舞舞蹈动画
摘要:效果预览:http://hovertree.com/texiao/js/5.htm截图:HTML文件代码:google LOGO纪念美国现代舞舞蹈家玛莎·葛兰姆诞辰google LOGO纪念美国现代舞舞蹈家玛莎·葛兰姆诞辰代码整理:HoverTree为纪念美国现代舞舞蹈家玛莎·葛兰姆诞...
阅读全文
超简洁的CSS下拉菜单
摘要:效果体验:http://hovertree.com/texiao/css/3.htmHTML文件代码:简洁的HTML+CSS下拉菜单-HoverTree简洁的HTML+CSS下拉菜单首页CSS jQuery下载 留言 特效关于 简答题 工具C#原文柯乐义图片使用方法:1、在head区域引入样式表文件...
阅读全文
纯HTML+CSS带说明的黄色导航菜单
摘要:HoverTree带说明的CSS菜单:纯HTML+CSS结构链接带说明的黄色导航在线体验效果:http://hovertree.com/texiao/css/1.htm代码如下,保存到HTML文件可以看到效果:HoverTree带说明的CSS菜单-hovertree.comHoverTree菜单 -...
阅读全文
JavaScript变换表格边框颜色
摘要:效果查看:http://hovertree.com/texiao/js/2.htm代码如下,保存到HTML文件也可以查看效果:表格边框变换颜色代码-何问起首页 更多特效等待,然后注意看边框是不是变色了?本效果链接web前端汇总:http://www.cnblogs.com/jihua/p/webfr...
阅读全文
三道简单的前端HTML/CSS题目
摘要:使用CSS为多个网页进行相同风格的布局和外观设置时,为了方便对这些网页进行修改,最好使用( )。http://hovertree.com/shortanswer/bjae/7bd72acca3206862.htm在HTML中加入,此为( )。http://hovertree.com/shortans...
阅读全文
Web前端资源(这个排名怎么样)
摘要:web前端汇总:http://www.cnblogs.com/jihua/p/webfront.html
阅读全文
HTML5树叶飘落动画
摘要:查看效果:http://keleyi.com/keleyi/phtml/css3/15.htm请使用Chrome浏览器查看本效果。html源代码:HTML5树叶飘落动画-柯乐义首页 特效库 原文 请使用Chrome浏览器查看本页。落红不是无情物转载自:http://keleyi.com/a/bjae...
阅读全文
很漂亮的用户登录界面HTML模板
摘要:效果预览:http://keleyi.com/keleyi/phtml/divcss/21.htm HoverTree开源项目实现了分层后,准备实现管理员后台登录,这里先把登录界面的HTML模板整理好。 推荐:http://hovertree.com/h/bjaf/loucldil.htm html
阅读全文
鼠标悬停显示CSS3动画边框
摘要:效果体验:http://keleyi.com/keleyi/phtml/css3/14.htm以下是代码: 1 2 3 4 5 CSS3鼠标悬停显示动画边框-柯乐义 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 请使用支持HTML5的浏览...
阅读全文
留言列表模板HTML代码
摘要:留言列表 -- HoverTree 留言列表 留言时间:2014-12-20 留言人:柯乐义 标题:HoverTree 项目将要使用什么语言编写呢? 内容:是VB.NET还是C#,还是其他呢? 回复:你好,HoverTree项目将使用C#作为编程...
阅读全文
提交留言HTML模板代码
摘要:提交留言-hovertree提交留言 标题:内容:留言者:HoverTree © 2014 keleyi.com 转载自:http://keleyi.com/a/bjad/0iui39qc.htmWeb前端资源汇总:http://www.cnblogs.com/jihua/p/webfro...
阅读全文
jQuery刮彩票兑奖效果
摘要:效果体验:http://keleyi.com/a/bjad/uaq24pxt.htm其中拖拽刮涂层效果使用jquery UI的draggable方法,请参考:http://keleyi.com/a/bjac/9dd21532ed1dbf23.htm以下是源代码: 1 2 3 4 jQuery UI模拟刮彩票涂层显示结果-柯乐义 5 6 12 13 14 41 42 43 说明:不支持IE6!44 45 效果一(拖拽灰条):46 47 48 请完全刮开查看中奖结果。49 50 51 效果二(点击灰条):52 53 54 请完全刮开查看中奖结果。55 56 57 原文58 59 we...
阅读全文
滚动变色的文字js特效
摘要:Js实现滚动变色的文字效果,在效果展示页面,可看到文字在交替变色显示,以吸引人的注意,效果真心不错哦,把代码拷贝到你的网站后,修改成想要的文字就OK了。查看效果:http://keleyi.com/a/bjad/bd55blos.htm以下是源代码: 1 2 3 4 滚动变色的文字js特效-柯乐义 5 6 7 8 请注意下方的文字,部分文字染成红色,且红色循环移动。 原文 9 10 55 56 keleyi.com57 58 web前端:http://www.cnblogs.com/jihua/p/webfront.html
阅读全文