bootcss框架标签页滑动门效果

调用文件

<HTML>
<HEAD>
<TITLE>后台管理系统</TITLE>
<META http-equiv=Content-Type content=”text/html; charset=utf-8″>
<link href=”/themes/admin/images/manage.css” rel=”stylesheet” type=”text/css”>
<link href=”/themes/admin/css/bootstrap.min.css” rel=”stylesheet” type=”text/css”>
<link href=”/themes/admin/css/bootstrap-theme.min.css” rel=”stylesheet” type=”text/css”>
<script type=”text/javascript” src=”/themes/admin/js/jquery-1.5.2.min.js”></script>
<script src=”/themes/admin/js/common.js” type=”text/javascript”></script>
<script type=”text/javascript” src=”/themes/admin/ckeditor/ckeditor.js”></script>
<script type=”text/javascript” src=”/themes/admin/js/bootstrap.min.js”></script>
<script type=”text/javascript” src=”/themes/admin/js/tab.js”></script>
</HEAD>
<BODY>

也可使用cdn在线引用

<!– 新 Bootstrap 核心 CSS 文件 –>
<link rel=”stylesheet” href=”http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap.min.css”>

<!– 可选的Bootstrap主题文件(一般不用引入) –>
<link rel=”stylesheet” href=”http://cdn.bootcss.com/bootstrap/3.2.0/css/bootstrap-theme.min.css”>

<!– jQuery文件。务必在bootstrap.min.js 之前引入 –>
<script src=”http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js”></script>

<!– 最新的 Bootstrap 核心 JavaScript 文件 –>
<script src=”http://cdn.bootcss.com/bootstrap/3.2.0/js/bootstrap.min.js”></script>

 

页面代码:

<ul id=”myTab” class=”nav nav-tabs” role=”tablist”>
<li class=”active”><a href=”#home” role=”tab” data-toggle=”tab”>基本信息</a></li>
<li class=””><a href=”#profile” role=”tab” data-toggle=”tab”>商品属性</a></li>
<li class=””><a href=”#profile” role=”tab” data-toggle=”tab”>商品图片</a></li>
</ul>

 

效果:

QQ截图20140801010432

 

wordpress 生成缩略图

今天在看wordpress的生成缩略图,发现wordpress的代码写的比较分散,一个模块的内容,分散到很多函数和文件中。。。不熟悉wordpress程序的话,找个东西太难找了。。。

本来想提取生成缩略图这个功能呢,现在发现不太好弄。。。