收藏本站 收藏本站
積木網首頁 - 軟件測試 - 常用手冊 - 站長工具 - 技術社區
首頁 > CSS/HTML > 正文

首頁 - PHP - 數據庫 - 操作系統 - 游戲開發 - JS - Android - MySql - Redis - MongoDB - Win8 - Shell編程 - DOS命令 - jQuery - CSS樣式 - Python - Perl

Access - Oracle - DB2 - SQLServer - MsSql2008 - MsSql2005 - Sqlite - PostgreSQL - node.js - extjs - JavaScript vbs - Powershell - Ruby

學習小實例--滾動條的簡單實現

效果:

查看圖片

代碼:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>huanhangtiao</title>
<style>
a{
	width:17px;
	height:20px;
	font:12px/20px "宋體";
border:1px solid #e0e1e2;
	display:inline-block;
	text-align:center;
	color: #2052a3;
	}
	.shang{
	width:64px;
	}
	a:hover,.active{
	background-color:#1f3a87;
	color:#fff;
	}
</style>
</head>

<body>
<div class="">
<a class="shang">上一頁</a>
<a>1</a>
<a>2</a>
<a class="active">3</a>
<a>4</a>
<a>5</a>
<a>6</a>
<a>7</a>
<a>8</a>
<a>9</a>
<a class="shang">下一頁</a>
</div>

</body>
</html>

以上就是小編為大家帶來的學習小實例--滾動條的簡單實現全部內容了,希望大家多多支持積木網~

cookie解決微信不能存儲localStorage的問題
在開發基于微信的Web頁面時,發現有些機型不能存儲信息到localStorage中,或者是頁面一旦關閉,存儲的信息也失效了。用cookie來替代localStorage,存儲一

div的offsetLeft與style.left區別
clientX事件屬性返回當事件被觸發時鼠標指針向對于瀏覽器頁面(或客戶區)的水平坐標。客戶區指的是當前窗口。如果父div的position定義為relative,子div

input submit、button和回車鍵提交數據詳解
forminputname="name"inputtype="submit"value="提交"/form以這種方式提交,input值為22222222時,后面遞交的url就會變為localhost:3980/input.htmlname=222222其中有些值得注意的

本周排行

更新排行

強悍的草根IT技術社區,這里應該有您想要的! 友情鏈接:b2b電子商務
Copyright © 2010 Gimoo.Net. All Rights Rreserved  京ICP備05050695號
手游棋牌游戏运营
快速赛网 vr赛 一小时多少钱 香港开奖139co 湖南快乐10分app 十一选五河北时时 平特走势图分析 内蒙古快三近50期开奖结果 浙江风采网南粤36选7走势图 天津时时官方网址 云南大乐透中奖9000万 昆明彩票快乐10分 赛车pk人工计划 vr赛 江苏快三二不同推荐 小魚儿论坛开奖结果 江西十五一百期走势图