CSS - 随笔分类(第3页) - roucheng

jQuery css3鼠标悬停图片显示遮罩层动画特效

摘要：jQuery css3鼠标悬停图片显示遮罩层动画特效效果体验：http://hovertree.com/texiao/jquery/39/ 效果图：源码下载：http://hovertree.com/h/bjaf/q9ii3dfq.htm代码如下：转自：http://hovertree.com/ 阅读全文

posted @ 2016-04-07 13:37 roucheng 阅读(3574) 评论(1) 推荐(1)

墙裂推荐4款js网页烟花特效

摘要：

阅读全文

posted @ 2016-03-24 01:45 roucheng 阅读(3383) 评论(0) 推荐(0)

周末web前端练习

摘要：在 CSS 样式定义中，以下哪种 RGB 颜色值是 Web 安全色？ A]#111111B]#222222C]#333333D]#444444 答案：http://hovertree.com/tiku/bjaf/72jaf1n0.htm 解析：http://hovertree.com/h/bjaf/ 阅读全文

posted @ 2016-03-19 00:47 roucheng 阅读(339) 评论(0) 推荐(0)

jQuery省市区三级联动插件

摘要：体验效果:http://hovertree.com/texiao/bootstrap/4/支持PC和手机移动端. 手机扫描二维码体验效果：代码如下: 数据来源:http://hovertree.com/h/bjae/vm6plijj.htm 转自:http://hovertree.com/h/bj 阅读全文

posted @ 2016-03-14 22:08 roucheng 阅读(7371) 评论(1) 推荐(0)

Web前端测试题

摘要：JS题目：在JavaScript中( )方法可以对数组元素进行排序。 A. add()B. join()C. sort()D. length() 答案：http://hovertree.com/tiku/bjaf/5v9ps30o.htm JS题目：下列正则表达式中( )可以匹配首位是小写字母，阅读全文

posted @ 2016-03-09 02:41 roucheng 阅读(1341) 评论(2) 推荐(0)

Chrome立体动画代码

摘要：效果预览:http://hovertree.com/code/run/css/x8l6si70.html 请实用Chrome浏览器查看效果,手机上也可以. 代码如下: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" cont 阅读全文

posted @ 2016-03-07 18:04 roucheng 阅读(743) 评论(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+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)

纯css3艺术文字样式效果代码

摘要：效果：http://hovertree.com/texiao/css3/1/本效果主要使用text-shadow实现.参考：http://hovertree.com/h/bjaf/css3_text_effect.htm代码如下：超炫CSS3文字特效集锦DEMO演示 - 何问起OutlinedAOu... 阅读全文

posted @ 2016-01-27 00:29 roucheng 阅读(19788) 评论(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)

纯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)

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)

jQuery简洁大方的登录页面模板

摘要：jQuery+CSS网站登录模板本模板带验证码在线体验：http://hovertree.com/texiao/jquery/13.htmDemo 2：http://hovertree.com/hvtart/bjae/vgte3y3a.htmDemo 3：http://hovertree.com/h... 阅读全文

posted @ 2015-12-10 11:29 roucheng 阅读(16433) 评论(0) 推荐(0)

html5 canvas雨点打到窗玻璃动画

摘要：html5 canvas雨点打到窗玻璃动画HTML5下雨效果效果预览：http://hovertree.com/texiao/html5/4.htm以下是代码： 1 2 3 4 5 6 7 HTML5 Canvas雨滴下落动画DEMO演示 - 何问起 8 9 10 23 24 25 3... 阅读全文

posted @ 2015-12-09 09:47 roucheng 阅读(1505) 评论(0) 推荐(0)

js,jquery,css,html5特效

摘要：包含js,jquery,css,html5特效,源代码本文地址：http://www.cnblogs.com/roucheng/p/texiao.html 2017新年快乐特效 jQuery最新最全版本下载 CSS3实现手机移动端触屏向上拖动的提示箭头动画 jQuery+HTML5弹出创意搜索框层阅读全文

posted @ 2015-11-30 22:30 roucheng 阅读(36682) 评论(0) 推荐(9)

roucheng

Rou Cheng

随笔分类 - CSS

公告