pspgbhu-CSDN博客

原创单行文本与多行文本超出范围需要隐藏并显示省略号

文字超出了需要隐藏并显示省略号这个在工作中很多时候都要用到，我想很多人都碰到过吧，这个有两种解决方法一是用程序开截取字符长度，这个其实也是可以的第二种是用样式来做,这里主要介绍一下用样式怎么来做吧，我话也不多说了吧直接上代码吧，css样式如下：.css1{color:#6699ff;border:1px #ff8000 dashed;margin-bottom:20px;

2016-05-25 23:06:12 6171

原创 for循环嵌套函数obj[i]undefined

for循环里的obj[i]并不能在其子函数中生效，果然，将`obj[i]`换成`this.`就好了。以后应该避免再犯类似错误。

2016-05-23 00:04:33 975

原创原生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 11762

原创 HTML5轻松实现搜索框提示文字点击消失---及placeholder颜色的设置

在做搜索框的时候无意间发现html5的input里有个placeholder属性能轻松实现提示文字点击消失功能，之前还傻傻的在用js来实现类似功能。。。placeholder颜色设置

2016-05-21 02:08:27 14010

原创 obj.style.z-index的正确写法

今天发现obj.style.z-index在js里面报错，后来才知道在js里应该把含“-”的字符写成驼峰式，例如obj.style.z-index的正确写法应该是obj.style.zIndex

2016-05-18 23:37:22 2141

原创用js触发CSS3-transition过渡动画

经过这几天的工作，让我进一步的了解到CSS3的强大，原本许多需要js才能实现的动画效果，现在通过CSS3就能轻易实现了，但是CSS3也有自身的不足，例如说在动画出发触发上就没有js灵活，因此我就开始考虑将CSS3与Js结合使用。平时我们直接使用transition动画一般是这样的鼠标放置在div方块上触发动画效果（鼠标悬浮div上即可触发）

2016-05-18 23:21:24 37600 7

原创 HTML5-video标签-实现点击预览图播放或暂停视频

刚刚参加工作，开始更多的接触到一些新的知识，促使我开始了解html5和css3的新特性。这时我才真的发现到html5和css3的强大。之前关于视频的控制更多的是运用复杂来实现，但在html5中新加入了<video>标签以及相应的DOM，通过这项新特性，我们能对网页中的视频进行更多简单的控制。以下属性内容摘抄至W3CSchool浏览器支持: Internet Explorer 9+,

2016-05-17 00:58:59 62928 2

原创关于png、jpg、gif切图时的使用感悟

关于png、jpg、gif切图时的使用感悟曾经切图时都是一股脑所有图全切成jpg格式，最近突然心血来潮简单的研究了下其他图片格式的具体属性，才突然发现走了不少弯路，并没有做到使图片用最小体积展现出最佳的效果。今天我就简单的总结下这两个的成果，同时以后也会持续更新最新的感悟。

2016-05-13 01:40:10 3236

转载网页各部分元素常用命名

为了网页后期维护，使用统一的元素命名方式是很有必要的，因此记录下常用元素命名头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo

2016-05-06 02:26:07 3638

原创 CSS3属性 box-shadow 向框添加一个或多个阴影

CSS3属性 box-shadow 向框添加一个或多个阴影，利用box-shadow可以制作常见导航栏背景

2016-04-30 16:15:20 2937

原创实现搜索框点击时提示文字消失离开时提示文字出现

一个搜索框，点击搜索框后默认提示文字自动清除，离开再次显示默认提示文字

2016-04-30 15:53:28 10091 1

github pages，不但免费，搭建网站还非常的方便！！用Github pages搭建自己制作的网页，方法最简单，适用于新手！！用Github pages搭建自己制作的网页，方法最简单，适用于新手！！用Github pages搭建自己制作的网页，方法最简单，适用于新手！！用Github pages搭建自己制作的网页，方法最简单，适用于新手！！用Github pages搭建自己制作的网页，方法最简单，适用于新手！！

2016-04-21 01:40:23 9337 2

pspgbhu的博客