web
关注
分享
扫一扫
文章平均质量分 50
yy211zhu
一个Web前端爱好者，对，业余爱好
展开
-
HTML5Canvas 酷炫效果
以下是利用JavaScript调用HTML5Canvas画布所做的效果<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>canvas</title> <style>body{text-align: center;background:ddd;overflow: hidden;background: #blu翻译 2016-03-02 17:25:57 · 2200 阅读 · 0 评论 -
font-family
font-family: -apple-system,PingFang SC,Hiragino Sans GB,Arial,Microsoft YaHei,Helvetica Neue,sans-serif;原创 2017-05-25 14:22:37 · 470 阅读 · 0 评论 -
css3 Transition属性（平滑过渡菜单栏案例）
css3的制作动画的三大属性（Transform,Transition,Animation）下面介绍一下 Transition属性。transition属性是一个速记属性有四个属性：transition-property, transition-duration, transition-timing-function, and transition-delay。语法transition: prop原创 2016-10-27 14:30:33 · 6390 阅读 · 0 评论 -
CSS3自定义滚动条
chrome（webkit内核）浏览器支持自定义滚动条，幸运 的是移动端的浏览器大多基于webkit内核。给移动端页面添加漂亮的自定义滚动条。1.CSS样式<style> .table-responsive { height: 200px; width: 200px; background-color: #eeeeee; } .原创 2016-11-06 15:49:28 · 386 阅读 · 0 评论 -
html实现全屏分页
做这个小功能的原因是因为之前做了个小的移动端项目，是一个全屏分页效果，自己在网上也找了些解决方案，下面是个小例子，供大家参考。1.HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test</title> <link rel="stylesheet" href="css/te原创 2016-07-07 20:02:40 · 1965 阅读 · 0 评论 -
jquery实现楼层嵌套（DIV嵌套）
经常看到评论区回复楼层嵌套，也就是盖楼，下面来用jquery来实现div布局代码： Title #maindiv{width:auto; height:auto; margin: 0 auto; position: relative;} .common{border:1px solid #1b6d85; paddin原创 2016-07-28 13:33:10 · 3482 阅读 · 0 评论 -
jquery选项卡
下面是我写的简单的jquery选项卡，先讲讲主要用到的那些函数index()函数，获取索引值，因为一个选项卡对应相应的内容siblings()函数，当点击某个选项卡时，要使其它几个姊妹元素的display属性设置为none具体代码请看下面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>D原创 2016-05-09 20:37:43 · 3349 阅读 · 0 评论 -
图片跟随鼠标移动（jquery）
下面是图片跟随鼠标移动的小demo,有很多实用的技巧，可以在此基础上进行延伸，比如可以改变图片的旋转方向的等。 html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <style> *{margin: 0; padding: 0;} #mydiv{width: 15原创 2016-05-12 19:38:44 · 2200 阅读 · 0 评论 -
模仿百度搜索界面
下面是我模仿百度首页所写的Html和css代码，在写代码测试的时候，发现了个小问题，就是两个button之间有间距，和之间，刚开始先想到的是margin问题，设置margin为0也不行，最后才恍然大悟，原来要设置float属性，也就是float:left。<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="te原创 2016-03-12 20:44:38 · 2491 阅读 · 1 评论 -
setInterval()和clearInterval()函数
JavaScript中的setInterval()和calearInterval()函数经常会用到各种web前端中，上篇Jquery滑动展示效果中就使用用了这两个函数。这两个函数解决了当鼠标移入展示区动画变停止，移出展示区动画变开始。 以下是setInterval()和clearInterval()函数的使用。<html><body><input type="text" id="clock原创 2016-02-28 10:08:59 · 837 阅读 · 0 评论 -
Jquery滑块展示
以下是jquery轮播动画效果，后面讲逐步讲解学习Jquery滑块展示效果 var img_now = 0;//图片轮播开始的图片为0 var img_count = 6;//轮播图片的张数 var t = setInterval("$('#btn_r').click()", 3000);//定时器每三秒执行一原创 2016-02-27 16:21:34 · 586 阅读 · 0 评论 -
web前端学习计划
HTML5,CSS3,JavaScript,Jquery,Bootstrap当然还有Node.js原创 2016-02-25 16:47:07 · 1166 阅读 · 0 评论 -
detached HEAD
一不小心让项目变成detached HEAD 状态，好尴尬！如何解决 。一个命令解决git checkout master好了，恢复了！原创 2017-06-15 16:39:04 · 1257 阅读 · 0 评论