2013年09月17日,星期二
jquery-css-nav 1、填写html代码   index.html <script src="js/jquery.min.js"></script> <script src="js/main.js"></script> <link rel="stylesheet" href="templates/css/main.css" type="text/css" /> <div> <div id="menu"> <ul> <li><a href="#url">Home</a></li> <li><a href="#url">Contact Us<!--[if gte IE 7]><!--></a><!--<![endif]--> <!--[if lte IE 6]><table><tr><td><![endif]--> <ul> <li><a href="#url">Email</a></li> <li><a href="#url">Telephone</a></li> <li&g···
2013年09月10日,星期二
  Your Site Is Slow! Speed It Up!   Flying CSS3 Navigation Menu   Date: 13th Apr 2012 Author: admin 7 Comments Posted in: HTML/CSS |Tags: css3, flying menu, navigation, tutorial 131 Tweet advertise here Flying CSS3 Navigation Menu   Flying CSS3 Navigation Menu   Today, I would like to show you another pure css3 navigation menu where I implemented several nice animate effects. I have just taught our sub menus to fly from nothing, and beat as the heart when you hover your mouse over elements. If you are ready, lets start.   Here are samples and downloadable package: Live Demo download in package   Ok, download the sources and lets start coding ! Step 1. HTML   In the beginning, we have to prepare HTML layout of our menu. Here is the html code. As us···
2013年09月6日,星期五
Advertisement Navigation is such an important part of your website. It’s how your visitors navigate to the main areas of your site and makes it easy for them to find your good content. CSS is of course the perfect language for designing beautiful navigation menus. It can be applied to any type of website and is very flexible. Don’t be alarmed if your own CSS skills are fairly limited as there are a lot of great tutorials out there that walk you through how to add clean and professional looking CSS menus to your website. You can either copy and paste the code into your own design or modify the menu to suit your needs. Today we would like to show you 100 of these tutorials; 75 horizontal CSS menu tutorials and 25 vertical CSS menu tutorials. Horizontal CSS Menu Tutorials 1. Advance···
2012年11月3日,星期六
用wordpress的朋友可能很多刚接触WordPress3.0的朋友对这个自定义菜单功能,不知如何使用,今天弄个图文教程。 这个新增加的自定义菜单功能,使用其实很简单。 一、首先,选择进入自定义导航菜单设置页面。 登录WordPress后台,首页→外观→菜单 如果你的主题不支持WordPress3.0导航菜单功能,顶部会有下图的提示: 可以参考下面两篇文章,增加主题对导航菜单功能的支持。 为主题添加多个WordPress3.0自定义菜单 WordPress 3.0来了,你的主题准备好了吗?   二、接下来是新建一个自定义菜单. 在菜单名输入框中键入一个菜单名称(任意)这里最好是英文的,因为这个名称还要作为css的class名称的一部分,如果你要改样式什么都最好自己记好了,之后点击“创建菜单”。 也可点击上边的+号,创建多个菜单,这里分别创建了”菜单A”和”菜单B’两个自定义菜单。 三、菜单创建完成,下面开始进行菜单内容组合。 选择准备显示在菜单中的内容···
2012年02月22日,星期三
在这个例子中鼠标经过是文字它旋转7度的动画效果。请用支持css3浏览器观看 .my_class { transition: transform .5s ease-in; -moz-transition: -moz-transform .5s ease-in; -o-transition: -o-transform .5s ease-in; -webkit-transition: -webkit-transform .5s ease-in; } .my_class:hover { transform: rotate(7deg); -moz-transform: rotate(7deg); -o-transform: rotate(7deg); -webkit-transform: rotate(7deg); } 看本文的例子 Mouse over this example paragraph to see it rotate 7degrees using a transform transition.