当前位置:主页 > jquery插件 > 轮播图 >

文字菜单特效-BLUR MENU WITH CSS3 TRANSITIONS

栏目分类:轮播图   模板编号:JQ00007    发布日期:2017-01-21   来源:网络   浏览次数:次     在线预览
插件描述:随着css3的出现,我们能实现的网页特效就变得更加容易,更炫了。今天我要给大家介绍的是一款是一款由 css3 打造的文字特效插件,用于当我们将鼠标移动到菜单上时,那么

使用步骤

1、引入以下的js和css文件

<link rel="stylesheet" type="text/css" href="css/demo.css">
<link rel="stylesheet" type="text/css" href="css/style1.css">      
<!--[if IE]>
<link rel="stylesheet" type="text/css" href="css/styleIE.css" />
<![endif]-->
<link href="http://fonts.googleapis.com/css?family=Josefin+Slab"rel="stylesheet" type="text/css">

2、在body标签中加入以下格式的html代码

<ul class="bmenu"> 
    <li>
        <a href="#">About</a>
    </li>
    <li>
        <a href="#">Illustrations</a>
    </li>
    <li>
        <a href="#">Photography</a>
    </li>
    <li>
        <a href="#">Web Design</a>
    </li>
    <li>
        <a href="#">Personal Projects</a>
    </li>
    <li>
        <a href="#">Contact</a>
    </li>
</ul>

3、所有示例中均有如下的针对 ul 和 li 的css样式

 .bmenu{
    padding: 0px;
    margin: 0 0 10px 0;
    position: relative;
}
.bmenu li{
    font-size: 50px;
    display: block;
}

4、不同的效果有不同的样式,大家可以查看Demo中的文件查看源码来获取自己想要的效果。

在线演示 立即下载
打赏本站
云盘密码:je9k
相关下载
Copyright © 2014 资源盒子 版权所有   黔ICP备14004500号-3   TAG
轮播图 滚动代码 表单按钮 音频视频 客服代码 弹出提示 TAB选项卡 导航菜单 页面布局 图片展示 UI
织梦标签工具下载 ↑↓
织梦标签工具下载