作为功能强大，支持不同数据格式的文件嵌入的语言，我们一定要心存畏惧。网站首页Html/css
鼠标放在span元素上指针变小手的实现方法
发布时间：2017-07-09作者：余斗分类：[Html/css]浏览：次
鼠标放在span元素上指针变小手: 本次余斗介绍一下如何利用css实现，当鼠标放在span元素上指针变成小手形状。 其实这个效果不仅仅针对span元素，对于的元素也是适用的。 !DOCTYPE html html head meta charset= utf-8 meta name= author content= http://www.yudouyudou......
阅读全文>>利用jQuery实现简单的tab选项卡切换效果
发布时间：2017-07-03作者：余斗分类：[Html/css]浏览：次
大部分的网站上都会应用到Tab选项卡的切换效果，一来特效很酷，二来能节省不少网页占位，颇受到家喜爱。而Tab选项卡无论用CSS3还是JS都可以实现。今天余斗就给大家分享一个利用jQuery实现简单的tab选项卡切换效果代码，大家可以根据分享的代码自行扩展使用。 代码如下......
阅读全文>>CSS3之常用浮出层的写法示例
发布时间：2017-05-25作者：余斗分类：[Html/css]浏览：次
浮出层是web页面中经常用到的功能，带有小小尖角的浮出层则更为生动，所以今天带给大家的是有角的浮出层，一起看看吧！ 是的，我们即将实现的就是以上功能，是不是很生动？ 贴上HTML代码： div class = poptip span class = poptip-arrow poptip-arrow-top em◆/emi◆/......
阅读全文>>使用CSS实现嵌入Flash视频自适应长宽
发布时间：2017-05-11作者：余斗分类：[Html/css]浏览：次
为了嵌入FLASH视频并使其自适应长宽，余斗为所有开发人员准备了一个非常有用的CSS技巧。在我进一步之前，我想引入介绍这个CSS技巧并帮助很多开发者嵌入交互视频的网站。 部分CSS样式代码如下： .video { position: relative; padding-bottom: 56.25 %; height: 0 ; ove......
阅读全文>>网页前端输入密码才能访问的实现方法（JS）
发布时间：2017-05-09作者：余斗分类：[Html/css]浏览：次
有的时候，我们在做网页的时候需要一些很有趣的特效，比如我们今天要讲的给网页加密，访客在输入密码后才能访问。全程是js控制，虽然很low但是很有趣，针对那些电脑小白还是很有用的，余斗今天就教大家三种方法来实现： 输入密码才能访问页面的实现方法一 script type=......
阅读全文>>CSS实现单行、多行文本溢出显示省略号
发布时间：2017-04-24作者：余斗分类：[Html/css]浏览：次
上次余斗讲过《 CSS控制标题字符长度的方法 》，我们都知道如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。 实现方法： overflow: hidden; text-overflow:ellipsis; white-space: nowrap;......
阅读全文>>CSS控制标题字符长度的方法
发布时间：2017-02-28作者：余斗分类：[Html/css]浏览：次
我们在网页制作的时候，一般列表页都会一定的长度，而在后台调用的时候，调出的标题都是整个标题长度，如果不加以截取，可能会换行或者错位，这样对于用户体验不好，我们需要控制下标题长度。常用的思路是，直接控制调出标题的字数，这样就不会错位，但是对于手机端来说......
阅读全文>>文章页图片自动居中,自适应手机且宽度100%实现方法
发布时间：2017-02-20作者：余斗分类：[Html/css]浏览：次
发表文章时,需要上传图片,很多内容编辑器对图片的处理是居左显示的吧.另外,如果是响应式的HTML5网站,还存在一个图片宽度太宽显示不全的问题.这种情况,在后台上传图片时,如下图,上传成功后,图片宽度默认是图片的真实宽度,可以把他设置为100%,或留空不填,高度也留空不......
阅读全文>>分享一款仿百度打赏的实现代码
发布时间：2016-09-16作者：余斗分类：[Html/css]浏览：次
虽然文章的打赏功能对于大部分站长来说是个鸡肋的功能。但是，我们每个站长在折腾完善自己网站的时候，都希望把每个方面都丰富一下，百度在年初的时候推出了百度打赏功能，但是要申请才可以使用，余斗到现在都没有成功，但是也不妨碍我们使用这个功能。......
阅读全文>>一些实用的Html和Css技巧推荐
发布时间：2016-07-03作者：余斗分类：[Html/css]浏览：次
1. 鼠标经过的技巧，实现鼠标经过，鼠标点击情况下不同图片的效果：2. 如果我们需要的图片不存在，那么可以采用指定的图片进行替换，请注意中间的单引号；3. 在鼠标经过时切换背景图片的另外一种写法。4. 网页在IE下的调试，就是按"F12"，然后用箭头点击需要查看代码的......
阅读全文>>