web前端 - 随笔分类(第3页) - roucheng

javascript系统时间测试题

摘要：如果系统的时间是2016年2月20日，分析下列JavaScript代码，运行后在网页上显示（） var now = new Date();var year = now.getFullYear();var month = now.getMonth();var date = now.getDate(); 阅读全文

posted @ 2016-02-20 10:28 roucheng 阅读(597) 评论(0) 推荐(0)

基于jQuery的自适应图片左右切换

摘要：效果预览：http://hovertree.com/code/jquery/smjv6d0n.htm 基于jQuery编写的横向自适应幻灯片切换特效全屏自适应jquery焦点图切换特效，在IE6这个蛋疼的浏览器兼容性问题上得到了和谐，兼容IE6。适用浏览器：IE6、IE7、IE8、360、Fir 阅读全文

posted @ 2016-02-18 18:46 roucheng 阅读(1202) 评论(0) 推荐(0)

javascript图片展示墙特效

摘要：查看效果：http://hovertree.com/code/javascript/pwl4bhoi.htm 代码如下： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; 阅读全文

posted @ 2016-02-17 10:09 roucheng 阅读(723) 评论(0) 推荐(0)

HTML+CSS代码橙色导航菜单

摘要：效果预览：http://hovertree.com/code/texiao/ks63r6aq.htm 1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>超漂亮的HTML导航菜单CSS代码阅读全文

posted @ 2016-02-16 01:00 roucheng 阅读(2210) 评论(1) 推荐(1)

jquery easyui菜单树显示

摘要：目前做了一个easyui项目需要显示多级菜单，菜单配置到数据库中，因此每级菜单都需要到数据库中取，用了jQuery EasyUI方便多了。效果体验：http://hovertree.com/texiao/jeasyui/2/下载：http://hovertree.com/h/bjaf/kbtdmn 阅读全文

posted @ 2016-01-30 18:54 roucheng 阅读(918) 评论(0) 推荐(0)

jQuery+HTML5弹出创意搜索框层

摘要：效果体验：http://hovertree.com/texiao/jquery/26/本效果适用于移动设备，可以使用手机等浏览效果。代码下载：http://hovertree.com/h/bjaf/e14uccpw.htmHTML代码如下： 1 <!doctype html> 2 <html lan 阅读全文

posted @ 2016-01-28 23:00 roucheng 阅读(9302) 评论(0) 推荐(0)

前端基本功之选择题

摘要：对HTML5以下描述中错误的是（）以下关于video元素描述错误的是（）若要在网页中插入样式表style.css,以下用法中，正确的是（）。以下可以在html页面中显示“<”的是（）。 A. It;B. &Lt;C. &ItD. < 请使用HTML解码工具：http://tool.hove 阅读全文

posted @ 2016-01-28 19:26 roucheng 阅读(1313) 评论(0) 推荐(0)

html5手机端的点击弹出侧边滑动菜单代码

摘要：效果预览：http://hovertree.com/texiao/html5/19/本效果适用于移动设备，可以使用手机等浏览效果。源码下载：http://hovertree.com/h/bjaf/mwvn0mxi.htm本实例用到了toggleClass方法，请参考:http://hovertree 阅读全文

posted @ 2016-01-27 17:56 roucheng 阅读(15544) 评论(0) 推荐(0)

纯css3手机页面图标样式代码

摘要：全部图标：http://hovertree.com/texiao/css/19/先看效果：或者点这里：http://hovertree.com/texiao/css/19/hoverkico.htm简洁代码如下：完整代码： 1 2 3 4 5 纯CSS3图标 - 何... 阅读全文

posted @ 2016-01-21 17:59 roucheng 阅读(4128) 评论(1) 推荐(0)

jQuery自动与手动图片切换效果下载

摘要：效果图：查看效果：http://hovertree.com/jq/hovertreeimg/下载：http://hovertree.com/h/bjaf/gk8mko69.htm使用代码： HovertreeImg Home - 何问起 --> ... 阅读全文

posted @ 2016-01-17 22:25 roucheng 阅读(1192) 评论(0) 推荐(0)

纯css3天气动画场景特效

摘要：CSS3超强大，以下是纯用CSS3+HTML实现的场景效果图：查看效果：http://hovertree.com/h/bjaf/cssrotate.htmcss3 3d展示中rotate（）介绍与简单实现参考：http://hovertree.com/h/bjaf/5cl7svum.htm更多：ht... 阅读全文

posted @ 2016-01-17 15:41 roucheng 阅读(2812) 评论(0) 推荐(0)

HTML5填充颜色的fillStyle测试

摘要：效果:http://hovertree.com/texiao/html5/canvas/1/代码： 1 2 3 4 15 测试fillStyle - 何问起16 17 18 19 20 21 22 何问起23 24 更多：http://www.cnblogs.com/roucheng/p... 阅读全文

posted @ 2016-01-12 11:46 roucheng 阅读(6370) 评论(0) 推荐(0)

CSS3+jQuery实现时钟插件

摘要：查看效果：http://hovertree.com/texiao/hoverclock/demo4.htm 本插件使用方便，可以在博客园的页面中使用，请看本页面右侧：http://www.cnblogs.com/roucheng/p/css3clock.html 简洁代码如下：效果图图下：完整代阅读全文

posted @ 2016-01-07 19:40 roucheng 阅读(8129) 评论(3) 推荐(1)

jQuery网页版五子棋小游戏源码下载

摘要：体验效果：http://hovertree.com/texiao/game/4/网页五子棋源代码：jquery五子棋游戏 -黑子白子先手后手开始胜率：100%更多：http://www.cnblogs.com/roucheng/p/texiao.html 阅读全文

posted @ 2016-01-05 21:42 roucheng 阅读(2763) 评论(0) 推荐(0)

一句jQuery代码返回顶部

摘要：一句jQuery代码返回顶部效果体验：http://hovertree.com/texiao/yestop/使用方法：只需引用jQuery库和YesTop插件，然后一句代码就可以实现返回顶部：引用代码：使用代码：也就是：$.fn.yestop();这句代码就可以了。当然还有高级的设置，如换图片，设置... 阅读全文

posted @ 2016-01-01 09:05 roucheng 阅读(3289) 评论(0) 推荐(0)

HTML5知识初级题目

摘要：在 HTML5 中，onblur 和 onfocus 是：在 HTML5 中，哪个元素用于组合标题元素？HTML5 中不再支持下面哪个元素？HTML5 中不再支持下面哪个元素？HTML5 之前的 HTML 版本是？HTML5 的正确 doctype 是？来源：http://hovertree.com... 阅读全文

posted @ 2015-12-29 08:59 roucheng 阅读(1752) 评论(1) 推荐(0)

jquery改变链接移上光标时的颜色实例

摘要：效果体验http://hovertree.com/texiao/jquery/18/完整代码如下：jquery设置a:hover 颜色样式 - 何问起首页特效下面的链接，未访问的链接为蓝色，访问过的链接为黑色，鼠标经过时链接为绿色，改变颜色后鼠标经过为红色或者设置的颜色。原文jQueryJQue... 阅读全文

posted @ 2015-12-18 11:00 roucheng 阅读(1385) 评论(0) 推荐(0)

强大的自适应jQuery焦点图特效

摘要：jQuery焦点图切换自适应效果自适应jQuery焦点图特效是一款支持移动端的响应式jQuery焦点图插件，支持flexible布局，支持移动触摸事件等。今天我们要来分享一款很灵活的jQuery焦点图插件，和以前介绍的jQuery焦点图动画类似，它也提供左右切换按钮，同时在图片上悬浮自定义图片切换按... 阅读全文

posted @ 2015-12-16 22:37 roucheng 阅读(2388) 评论(0) 推荐(0)

HTML5小游戏之见缝插针

摘要：今天给大家带来的就是一款叫做《见缝插针》的游戏。有空你就往里插，直到你无处可插！看你能过多少关！简洁大气黑白搭配游戏画面非常的简洁，米白色的背景中央，放置着一个不断旋转的太阳状的球体，周边网状似的放射连接着许多小球，又有点宇宙中星球的感觉，所有球体均以黑色为主，与米白色的背景产生出了鲜明的对比，在... 阅读全文

posted @ 2015-12-16 12:12 roucheng 阅读(6556) 评论(1) 推荐(0)

html5人物图片360度立体旋转

摘要：体验效果：http://hovertree.com/texiao/html5/10.htm下载：http://hovertree.com/hvtart/bjae/t16oddyt.htm代码如下：Full 360 degree View - HoverTree360度旋转产品展示首页特效原文点击... 阅读全文

posted @ 2015-12-15 13:17 roucheng 阅读(3643) 评论(0) 推荐(0)

roucheng

Rou Cheng

随笔分类 - web前端

公告