![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web前端
文章平均质量分 55
pspgbhu
种一棵树最好的时间是十年前,其次是现在
展开
-
用js触发CSS3-transition过渡动画
经过这几天的工作,让我进一步的了解到CSS3的强大,原本许多需要js才能实现的动画效果,现在通过CSS3就能轻易实现了,但是CSS3也有自身的不足,例如说在动画出发触发上就没有js灵活,因此我就开始考虑将CSS3与Js结合使用。平时我们直接使用transition动画一般是这样的 鼠标放置在div方块上触发动画效果(鼠标悬浮div上即可触发)原创 2016-05-18 23:21:24 · 37635 阅读 · 7 评论 -
单行文本与多行文本超出范围需要隐藏并显示省略号
文字超出了需要隐藏并显示省略号这个在工作中很多时候都要用到,我想很多人都碰到过吧,这个有两种解决方法 一是用程序开截取字符长度,这个其实也是可以的 第二种是用样式来做,这里主要介绍一下用样式怎么来做吧,我话也不多说了吧直接上代码吧,css样式如下:.css1{color:#6699ff;border:1px #ff8000 dashed;margin-bottom:20px;原创 2016-05-25 23:06:12 · 6177 阅读 · 0 评论 -
for循环嵌套函数obj[i]undefined
for循环里的obj[i]并不能在其子函数中生效,果然,将`obj[i]`换成`this.`就好了。以后应该避免再犯类似错误。原创 2016-05-23 00:04:33 · 986 阅读 · 0 评论 -
HTML5轻松实现搜索框提示文字点击消失---及placeholder颜色的设置
在做搜索框的时候无意间发现html5的input里有个placeholder属性能轻松实现提示文字点击消失功能,之前还傻傻的在用js来实现类似功能。。。placeholder颜色设置原创 2016-05-21 02:08:27 · 14065 阅读 · 0 评论 -
网页各部分元素常用命名
为了网页后期维护,使用统一的元素命名方式是很有必要的,因此记录下常用元素命名 头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo转载 2016-05-06 02:26:07 · 3681 阅读 · 0 评论 -
CSS3属性 box-shadow 向框添加一个或多个阴影
CSS3属性 box-shadow 向框添加一个或多个阴影,利用box-shadow可以制作常见导航栏背景原创 2016-04-30 16:15:20 · 3195 阅读 · 0 评论 -
原生js+css3实现图片自动切换,图片轮播
运用CSS3transition及opacity属性 制作图片轮播动画 自己这两天根据用js来控制触发CSS3中transition属性,从而写出来的以CSS3动画为基础,js控制过程的图片轮播运用css3的opacity透明度属性和transition动画过度属性,用js对过程加以控制,也实现了js对CSS3中transition动画的触发实例链接地址:http://pspgbhu.gith原创 2016-05-21 03:01:16 · 11779 阅读 · 0 评论 -
用Github pages搭建自己制作的网页
github pages,不但免费,搭建网站还非常的方便!!用Github pages搭建自己制作的网页,方法最简单,适用于新手!!用Github pages搭建自己制作的网页,方法最简单,适用于新手!!用Github pages搭建自己制作的网页,方法最简单,适用于新手!!用Github pages搭建自己制作的网页,方法最简单,适用于新手!!用Github pages搭建自己制作的网页,方法最简单,适用于新手!!原创 2016-04-21 01:40:23 · 9415 阅读 · 2 评论 -
实现搜索框点击时提示文字消失 离开时提示文字出现
一个搜索框,点击搜索框后默认提示文字自动清除,离开再次显示默认提示文字原创 2016-04-30 15:53:28 · 10118 阅读 · 1 评论 -
HTML5-video标签-实现点击预览图播放或暂停视频
刚刚参加工作,开始更多的接触到一些新的知识,促使我开始了解html5和css3的新特性。这时我才真的发现到html5和css3的强大。 之前关于视频的控制更多的是运用复杂来实现,但在html5中新加入了<video>标签以及相应的DOM,通过这项新特性,我们能对网页中的视频进行更多简单的控制。 以下属性内容摘抄至W3CSchool浏览器支持: Internet Explorer 9+,原创 2016-05-17 00:58:59 · 63046 阅读 · 2 评论