HTML - 随笔分类 - sp2012

JavaScript+CSS实现经典的树形导航栏

摘要：在一些管理系统里面，一般右侧都会有树形的导航栏，点击一下就会出现下拉菜单，显示出来该父菜单下面的子菜单项目，然后配以图片，和CSS的效果，可以说是非常常用的功能，现在做一个项目，正好用到这个功能，于是到处寻找资料，从Struts的Dojo插件到Dojo的学习，各种看，结果各种不懂。那个悲催啊！！！结果从头再来，苦学CSS和JS，虽然现在JS水平不咋的，但是还是可以写出一个一般的导航菜单栏了，自己看看还是说的过去，这里拿出来Show一下，回来自己好用。首先上最开始的左侧菜单HTML代码<!DOCTYPE html> <html> <head> <titl 阅读全文

posted @ 2012-03-25 21:03 sp2012 阅读(370) 评论(0) 推荐(0)

CSS的三种定位方式介绍

摘要：在CSS中一共有N种定位方式，其中，static ,relative,absolute三种方式是最基本最常用的三种定位方式。他们的基本介绍如下。static默认定位方式relative相对定位，相对于原来的位置，但是原来的位置仍然保留absolute定位，相对于最近的非标准刘定位，原来的位置消失，被后边的位置所顶替下面先演示相对定位的案例<!DOCTYPE html> <html> <head> <title>relative.html</title> <meta http-equiv="keywords" 阅读全文

posted @ 2012-03-24 15:11 sp2012 阅读(649) 评论(0) 推荐(0)

CSS的浮动效果

摘要：在CSS中，浮动是非常重要的一个功能，主要是用来控制行元素或者块元素并列显示或者向左或者向右浮动。下面来看一下效果。先看一下Div的向右浮动效果HTML代码如下<!DOCTYPE html> <html> <head> <title>css的浮动效果</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" 阅读全文

posted @ 2012-03-24 13:19 sp2012 阅读(309) 评论(0) 推荐(0)

CSS的盒子模型案例

摘要：CSS的功能可谓强大，作为程序员，不能只在后台默默无闻，也要到前台爽一把，意思意思，这样自己干活从前台界面到后台数据库就算是全能了。能给自己省了不少力气，艺多不压身嘛，下面来介绍一下CSS里面的盒子模型。所谓的盒子模型就是指比如Div嵌套Div这里的Div可以理解成为一个盒子，当然了，不一定是Div嵌套Div，还可能是Div里面嵌套了别的东西，不管嵌套了什么，都可以把他们叫做盒子模型。下面来演示一个模仿很多大型网站的一个多用户图像显示的效果，看着简单，其实做起来不是那么的容易。首先上HTML代码，这个容易<!DOCTYPE html> <html> <head&g 阅读全文

posted @ 2012-03-23 21:07 sp2012 阅读(306) 评论(0) 推荐(0)

HTML框架合并网页功能实例

摘要：HTML对于复杂的网页，提供了各个小网页进行合并的功能。就是说，你可以使用各个小网页最终在一个大的整个的网页上显示出效果。这样对于开发和维护都是非常有好处的。下面来说一下用法首先是top.html<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>top.html</title> </head> <body> <img alt="一只猫" src=& 阅读全文

posted @ 2012-02-27 18:02 sp2012 阅读(7662) 评论(0) 推荐(0)

HTML无序列表和表格实例

摘要：HTML无序列表如下<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>无序列表.html</title> </head> <body> <ul type="circle"> <li>反恐</li> <li>红警</li> <li>传奇</li> </ul> & 阅读全文

posted @ 2012-02-27 17:56 sp2012 阅读(433) 评论(0) 推荐(0)

HTML简单实例加表单的显示效果

摘要：HTML可以说是一种十分简单的标记语言，但是对于Web开发还是必不可少的，所以对HTML的标记进行适当的了解还是十分有必要的。下面我们来演示一下基本的HTML效果和一些简单的标签，以及在表单界面的各种提交方式。首先是HTML的常用简单标签。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>hello.html</title> </head> <body> <font 阅读全文

posted @ 2012-02-27 17:51 sp2012 阅读(309) 评论(0) 推荐(0)

随笔分类 - HTML