在浏览网页时，当我们浏览到网页底部，想要立刻回到网页顶部时，这时候一般网页会提供一个回到顶部的按钮来提升用户体验，以下代码实现了该功能 HTML代码： CSS代码： JavaScript代码： End！ ...

.indent { text-indent: 2em } h4, .postTitle { text-align: center } .content { text-indent: 3em; marg ...

之前在网上看到，有很多人写的时间轴效果，于是自己也模仿着写了写。以下贴出自己写的解决方法(横向轴与纵向轴)。简单的时间轴效果容易实现，但如果需要看起来有模有样，就需要对页面进行设计布置了。 1.利用Js加简单的界面布置，实现时间轴鼠标点击轮换图片效果(纵向)。实现思路：利用多个div加 ...

　　最近学习网页设计，看着那个按钮真的难看，总想搞得好看点，几经摸索和查找，终于搞出一个还将就看的， 迫不及待拿出来跟大家分享下，先看效果，左边那个是按下去的效果。 　　　　　　　　 　　实现原理：就是利用文本的阴影效果。在CSS中文本的阴影可以设置多个，我这里就用了两个阴影，一个是左上 ...

网页换肤的基本原理 使用 JS 切换对应的 CSS 样式表。例如hao123首页的右上方就有网页换肤功能。除了切换 CSS 样式表文件之外，通常的网页换肤还需要通过 Cookie 来记录用户之前更换过的皮肤，这样下次用户访问的时候，就可以自动使用上次用户配置的选项。 基本流程 ...

关于蒙层的实现方法 我们可以用css和jQuery这两个方法来实现 css方法: 首先看一下html代码: jquery方法: html代码: 这里的css不用加.contert_a_:hover .mask{display: block;} jquery代码 ...

前言 like a mountain that is in our path,wo cannot complain that it is there,we simply have to cli ...

一、什么是滑动门 大家在网页中经常会见到这样一种导航效果,因为使用频率广泛,所以广大的程序员给它起了一个名字,叫做滑动门.在学习滑动门之前,首先你要了解什么是滑动门。 小米官网，网页滑动门效果 二、实现滑动门所需技术 简单HTML基础知识 简单的CSS基础样式 CSS ...