AjaxUI：滑动条

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <meta content-type="text/html" charset="gb2312"/> <style type="text/css"> body{text-align:center;font:12px Arial;} #bg{width:600px;height:20px;background:#099;margin:auto;padding:3px;text-align:left;} #drag{width:20px;height:20px;background:#0ff;} p{width:600px;text-align:left;} </style...<a href="http://www.tulaoshi.com/n/20160219/1600789.html" target="_blank">[ 查看全文 ]</a></p> <div class="img_yyy_2"> <span>2016-02-19</span> <i>标签:</i> <div class="yyy_2_a"><a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> </div> </div> </div> </div> <div class="xiangguan_gg xiangguan_reader clearfix"> <div class="xiang_892_1" style="width:1158px;"> <h3><a href="http://www.tulaoshi.com/n/20160219/1600789.html" target="_blank">AjaxUI：滑动条</a>的相关文章</h3> </div> <div class="xiang_892_2" style="width:1158px;"> <ul id="loadmore_container" style="width:1158px;"> <li> <div class="xiang_892_2_1"><a href="/reader/1600770" target="_blank"><img src="http://img.tulaoshi.com/201602/19/f894abb9441e6f7c842fdd3e46087c14_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1600770.html" target="_blank">AjaxUI：鼠标拖拽</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> New Document body{padding:0px;text-align:center;font:12px Arial;} div.container{width:100px;height:100px;border:1px solid #000;margin:10px auto;} div#main{width:99px;height:99px;border:1px solid #000;background:#050;color:#fff;font:12px Arial;margin:auto;} p{text-algin:left;} drag me 在绿色方块上按下鼠标，可以将其拖动，在方块的位置靠近某个方框并且...<a href="http://www.tulaoshi.com/n/20160219/1600770.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/寂寞懒熊熊/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/1.jpg" /><span>寂寞懒熊熊</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">6</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1578356" target="_blank"><img src="http://img.tulaoshi.com/201602/17/e5a29d56efde6be314ebaa12f7d59956.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160217/1578356.html" target="_blank">将滑动导航条制作成HTML页面</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/pmsj/" target="_blank">平面设计</a> <a href="http://www.tulaoshi.com/hbsj/" target="_blank">海报设计</a> <a href="http://www.tulaoshi.com/ggsj/" target="_blank">广告设计</a> <a href="http://www.tulaoshi.com/huabaosheji/" target="_blank">画报设计</a> <a href="http://www.tulaoshi.com/qmsj/" target="_blank">签名设计</a> <a href="http://www.tulaoshi.com/fzsj/" target="_blank">服装设计</a> <a href="http://www.tulaoshi.com/mpsj/" target="_blank">名片设计</a> <a href="http://www.tulaoshi.com/huacesheji/" target="_blank">画册设计</a> <a href="http://www.tulaoshi.com/banshisheji/" target="_blank">版式设计</a> <a href="http://www.tulaoshi.com/shangbiaosheji/" target="_blank">商标设计</a></div> <div class="span_em_123"> 下图中的导航条设计步骤之前已经介绍过，设计部分请看此文。本文主要介绍如何将设计出的导航条图片转化成HTML页面，其中有一个鼠标移动到按钮上转换图片的效果，本文中全部使用HTML+CSS制作完成。布署文件在我们开始切割图片之前，先在本地web服务器上布署文件，创建文件夹，在新建的文件夹中新建空白HTML文件index.html，空白CSS文件styles.css，styles.css放在另一个文件夹stylesheets中，最后再新...<a href="http://www.tulaoshi.com/n/20160217/1578356.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/水云间abc601/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/26.jpg" /><span>水云间abc601</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">18</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1596306" target="_blank"><img src="http://img.tulaoshi.com/201602/19/05d468fd4f0cacad85da5c4c8b2f4b6e_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1596306.html" target="_blank">高仿网易新闻顶部滑动条效果实现代码</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/bianchengyuyan/" target="_blank">编程语言</a> <a href="http://www.tulaoshi.com/wangluobiancheng/" target="_blank">网络编程</a></div> <div class="span_em_123"> 这个是网易新闻的主界面，我们知道底部可以用tabhost实现，这个很容易，我们在其他软件中也会经常用到。至于顶部的滑动条，个人感觉还是比较漂亮的所以今天也模仿了下，网易顶部滑动条的效果，由于初次模仿这种效果，可能有些地方还不够完美，不过基本已经实现，希望大家能够喜欢。废话不多说，下面上代码：首先是布局layout下的main.xml 代码如下： ?xmlversion="1.0"encoding="utf-8"? Relative...<a href="http://www.tulaoshi.com/n/20160219/1596306.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/冯芳19/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/6.jpg" /><span>冯芳19</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">27</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1596487" target="_blank"><img src="http://img.tulaoshi.com/201602/19/74380222680c4f08a244939f78efc408_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1596487.html" target="_blank">使用ViewPager实现左右循环滑动及滑动跳转</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/bianchengyuyan/" target="_blank">编程语言</a> <a href="http://www.tulaoshi.com/wangluobiancheng/" target="_blank">网络编程</a></div> <div class="span_em_123">前面一篇文章实现了使用ViewPager实现高仿launcher拖动效果，后来很多朋友问能不能实现左右循环滑动效果和引导页面。今天实现了左右滑动，至于在最后一页滑动跳转，这个也做了但是效果不是太好，也希望有实现的朋友能够分享下。在最后一页添加一张图片单击跳转，这个认为很简单大家自己添加个图片，点击后跳转就OK。这篇是在实现了使用ViewPager实现高仿launcher拖动效果的基础上做了一些小的修改，可以参...<a href="http://www.tulaoshi.com/n/20160219/1596487.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/一夕1999/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/7.jpg" /><span>一夕1999</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">123</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/157860" target="_blank"><img src="http://img.tulaoshi.com/201504/12/c816b01de06a660a9157574b24eb0ad4_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20150412/157860.html" target="_blank">魔法滑动攻略</A></div> <div class="span_em_123"> 《魔法滑动》刷初始首抽教程《魔法滑动》游戏是一款三消类的手机游戏作品，目前游戏的IOS版本已经正式上架，以下分享这款游戏的刷初始首抽的方法，帮助玩家们在游戏的开始就拥有一个强力的角色。首抽的话刚刚试了一下可以用万年法用itools刷哦，基本上就是关了游戏之后，使用itools进入マジカルフリック将 /Library/Preferences/com.nttdoc...<a href="http://www.tulaoshi.com/n/20150412/157860.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/野狗里/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/1.jpg" /><span>野狗里</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">67</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1484289" target="_blank"><img src="http://img.tulaoshi.com/201601/29/6bd88ab315d9ad0390d9019c8a924f66_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160129/1484289.html" target="_blank">VC++中轻松实现滑动控件</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/cyuyanjiaocheng/" target="_blank">C语言教程</a> <a href="http://www.tulaoshi.com/cyuyanhanshu/" target="_blank">C语言函数</a></div> <div class="span_em_123"> VC++中轻松实现滑动控件作者: 上海同济大学计算机系小鹰下载本文示例代码滑动控件是Windows中最常用的控件之一。一般而言它是由一个滑动条，一个滑块和可选的刻度组成，用户可以通过移动滑块在相应的控件中显示对应的值。通常，在滑动控件附近一定有标签控件或编辑框控件，用于显示相应的值。滑动控件在应用程序中用途级为广泛，如在桌面的...<a href="http://www.tulaoshi.com/n/20160129/1484289.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/HFS挑战者/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/9.jpg" /><span>HFS挑战者</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">114</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1482465" target="_blank"><img src="http://img.tulaoshi.com/201601/29/e52e9ef7475ac74e5d22600b09fba5e9_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160129/1482465.html" target="_blank">滑动展开/收缩广告代码实例效果</A></div> <div class="span_em_123">功能说明: 滑动展开/收缩广告效果,可指定：广告完全展开时的停留时间，最大高度兼容浏览器： IE5.0+、FF1.06+、Opera8.0+ 实例代码： <!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" lang="gb2312" ...<a href="http://www.tulaoshi.com/n/20160129/1482465.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/笑我一世沉沦啊/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/15.jpg" /><span>笑我一世沉沦啊</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">52</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1593501" target="_blank"><img src="http://img.tulaoshi.com/201602/19/98e468b4eed97ae710e063e22997be96_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1593501.html" target="_blank">android 通过向viewpage中添加listview来完成滑动效果(类似于qq滑动界面)</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/bianchengyuyan/" target="_blank">编程语言</a> <a href="http://www.tulaoshi.com/wangluobiancheng/" target="_blank">网络编程</a></div> <div class="span_em_123"> 文件名：page.xml 代码如下： RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="fill_parent" android:layout_height="fill_parent" ListView android:id="@+id/listview" &...<a href="http://www.tulaoshi.com/n/20160219/1593501.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/偷偷色一把/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/21.jpg" /><span>偷偷色一把</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">6</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1577920" target="_blank"><img src="http://img.tulaoshi.com/201602/17/4dee63d462d7cc3c65c1690e5e6dd856_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160217/1577920.html" target="_blank">触摸屏手机的滑动操作体验</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/pmsj/" target="_blank">平面设计</a> <a href="http://www.tulaoshi.com/hbsj/" target="_blank">海报设计</a> <a href="http://www.tulaoshi.com/ggsj/" target="_blank">广告设计</a> <a href="http://www.tulaoshi.com/huabaosheji/" target="_blank">画报设计</a> <a href="http://www.tulaoshi.com/qmsj/" target="_blank">签名设计</a> <a href="http://www.tulaoshi.com/fzsj/" target="_blank">服装设计</a> <a href="http://www.tulaoshi.com/mpsj/" target="_blank">名片设计</a> <a href="http://www.tulaoshi.com/huacesheji/" target="_blank">画册设计</a> <a href="http://www.tulaoshi.com/banshisheji/" target="_blank">版式设计</a> <a href="http://www.tulaoshi.com/shangbiaosheji/" target="_blank">商标设计</a></div> <div class="span_em_123"> Nokia N9刚刚发布，滑动手势承担了更多的功能性操作。从按键手机到iPhone的Home键，让人不禁联想，实现全触摸屏手机已经指日可待了。 iPhone Home键已经承担的过多的操作，单击退出程序，双击进入多任务，自定义三击显示辅助操作，组合开机键截屏，恐怕这是所有手机中使用率最频繁的按键了。但是功能越来越多，要么继续压榨按键，要么挖掘新的手势操，责任自然落在点击和滑动这两个最基础的手势操作。 ...<a href="http://www.tulaoshi.com/n/20160217/1577920.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/单眼皮心里烦/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/10.jpg" /><span>单眼皮心里烦</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">7</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1595759" target="_blank"><img src="http://img.tulaoshi.com/201602/19/b61a0d0e2b2601a42df2a53f293ff1c8_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1595759.html" target="_blank">25个漂亮的水平滑动网站</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/pmsj/" target="_blank">平面设计</a> <a href="http://www.tulaoshi.com/hbsj/" target="_blank">海报设计</a> <a href="http://www.tulaoshi.com/ggsj/" target="_blank">广告设计</a> <a href="http://www.tulaoshi.com/huabaosheji/" target="_blank">画报设计</a> <a href="http://www.tulaoshi.com/qmsj/" target="_blank">签名设计</a> <a href="http://www.tulaoshi.com/fzsj/" target="_blank">服装设计</a> <a href="http://www.tulaoshi.com/mpsj/" target="_blank">名片设计</a> <a href="http://www.tulaoshi.com/huacesheji/" target="_blank">画册设计</a> <a href="http://www.tulaoshi.com/banshisheji/" target="_blank">版式设计</a> <a href="http://www.tulaoshi.com/shangbiaosheji/" target="_blank">商标设计</a></div> <div class="span_em_123">Oh My Gift Year in Hashtags Q&H London LORENZO BOCCHI Louis Ansa Exelum Roadtrips – South Australia Moving Islands Daydream Designs Mahuna & Mahuna Travel Alberta Trip Planner Costume National Scents Lois Jeans Autumn-Winter 2013 Cyril Masson Portfolio v2 House on the Krasina Quatro Folhas Ichance Guillaume JUVENET Heart of Arct...<a href="http://www.tulaoshi.com/n/20160219/1595759.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/失落的风sky/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/29.jpg" /><span>失落的风sky</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">2</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1482461" target="_blank"><img src="http://img.tulaoshi.com/201601/29/0543a9a9cbbe0d3db6dba5467aecc876_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160129/1482461.html" target="_blank">JS实现的滑动展开与折叠效果</A></div> <div class="span_em_123">要写个滑动展开折叠的效果，搜索到无忧脚本的一篇贴子，稍加修改了下使其在FF也可应用，代码如下： <script type="text/javascript" //Url: http://bbs.51js.com/thread-61646-1-1.html //Author: 风云突变 //Modify: 枫岩 var act; function over(s,nMax){ var obj=document.getElementById(s); ...<a href="http://www.tulaoshi.com/n/20160129/1482461.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/UK9V6T/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/11.jpg" /><span>UK9V6T</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">239</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1566972" target="_blank"><img src="http://img.tulaoshi.com/201602/16/095ecee60811a4ac31982ad0816cf65b_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160216/1566972.html" target="_blank">Photoshop设计颓废质感的网页UI滑动按钮</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/ps/" target="_blank">PS</a> <a href="http://www.tulaoshi.com/psjichu/" target="_blank">PS基础</a></div> <div class="span_em_123"> <a href="http://www.tulaoshi.com/n/20160216/1566972.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/lidi3388/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/12.jpg" /><span>lidi3388</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">6</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1597335" target="_blank"><img src="http://img.tulaoshi.com/201602/19/265ee14f7a724e74d73825499e92bae3_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1597335.html" target="_blank">android 左右滑动+索引图标实现方法与代码</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/bianchengyuyan/" target="_blank">编程语言</a> <a href="http://www.tulaoshi.com/wangluobiancheng/" target="_blank">网络编程</a></div> <div class="span_em_123"> 使用Gallery和ImageView实现android左右滑动+索引图标效果。首先自定义Gallery实现一次只能滑动一个页面代码如下： public class MGalleryView extends Gallery{ public MGalleryView(Context context, AttributeSet attrs) { super(context, attrs); } //一次只能滑动一张图片注：一张图充满全屏 @Override public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, flo...<a href="http://www.tulaoshi.com/n/20160219/1597335.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/Bing毒i/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/15.jpg" /><span>Bing毒i</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">29</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1590304" target="_blank"><img src="http://img.tulaoshi.com/201602/19/516e0b97e6a7b01ad6b9c70381b1206b_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1590304.html" target="_blank">javascript实现的颜色块滑动的动态效果</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 页页装载效果 #color div { width:5px; height:5px; float:left; margin:0 2px; } [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]<a href="http://www.tulaoshi.com/n/20160219/1590304.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/天海蓝蓝双子/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/4.jpg" /><span>天海蓝蓝双子</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">30</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1591501" target="_blank"><img src="http://img.tulaoshi.com/201602/19/33c98821e6e02f7a98d779bfcaa4e7c7_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1591501.html" target="_blank">Android利用ViewPager实现滑动广告板实例源码</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/bianchengyuyan/" target="_blank">编程语言</a> <a href="http://www.tulaoshi.com/wangluobiancheng/" target="_blank">网络编程</a></div> <div class="span_em_123">•android-support-v4.jar,这是谷歌官方给我们提供的一个兼容低版本Android设备的软件包，里面包囊了只有在Android3.0以上可以使用的api。而ViewPager就是其中之一,利用它我们可以做很多事情，从最简单的导航，到页面切换菜单等等。 •ViewPager的功能就是可以使视图滑动，就像Lanucher左右滑动那样。 •本Demo向大家演示ViewPager的使用，并在用户未滑动View时，每隔5s钟自动切换到下一个Vi...<a href="http://www.tulaoshi.com/n/20160219/1591501.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/顺义紫溪庄园/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/1.jpg" /><span>顺义紫溪庄园</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">13</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1594276" target="_blank"><img src="http://img.tulaoshi.com/201602/19/f0e19e83cad9184a2608cef62c6fc0c7_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1594276.html" target="_blank">android中实现指针滑动的动态效果方法</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/bianchengyuyan/" target="_blank">编程语言</a> <a href="http://www.tulaoshi.com/wangluobiancheng/" target="_blank">网络编程</a></div> <div class="span_em_123"> 代码如下： FrameLayout android:layout_width="fill_parent" android:layout_height="wrap_content" android:background="#fff" &n...<a href="http://www.tulaoshi.com/n/20160219/1594276.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/操比吃炫迈/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/16.jpg" /><span>操比吃炫迈</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">51</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1589666" target="_blank"><img src="http://img.tulaoshi.com/201602/19/93e66b63f0f6cce49fedf4b8314714a8_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1589666.html" target="_blank">JS创建优美的页面滑动块效果 - Glider.js</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">曾经看到http://www.panic.com/coda/ 上的滑动块，非常喜欢。可惜自己多JS了解不深，没法模拟出来。早上发现Google code上的一个JsFrame - Glider.js。很容易的实现http://www.panic.com/coda/ 上的滑动块效果。 Google code上的项目地址：http://code.google.com/p/missingmethod-projects/ 600)?'600px':'auto'; }" alt=uploads/200709/26_102259_1.jpg src="/uploads/allim...<a href="http://www.tulaoshi.com/n/20160219/1589666.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/中国人联1/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/26.jpg" /><span>中国人联1</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">2</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1592586" target="_blank"><img src="http://img.tulaoshi.com/201602/19/31a99e7fd20f232277373e7e0d962525_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1592586.html" target="_blank">javascript实现的又一个不错的滑动导航效果</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123">导航,鼠标放上去看看效果 ::你会做，我也要会:: on1 第一项第二项第三项 on 2 第一项第二项第三项 on 3 第一项第二项第三项 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]<a href="http://www.tulaoshi.com/n/20160219/1592586.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/才子才女才气/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/6.jpg" /><span>才子才女才气</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">16</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/1598227" target="_blank"><img src="http://img.tulaoshi.com/201602/19/f6f804794b4480f9c7ddf151da6c2f3d_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20160219/1598227.html" target="_blank">一个层慢慢增高展开,有种向下滑动的效果</A></div> <div class="xiang_righ_lable">标签：<a href="http://www.tulaoshi.com/webkaifa/" target="_blank">Web开发</a></div> <div class="span_em_123"> 无忧脚本 - 风云突变代码实例：层的滑动展开/折叠 <a href="http://www.tulaoshi.com/n/20160219/1598227.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/付穷是我/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/7.jpg" /><span>付穷是我</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">5</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> <li> <div class="xiang_892_2_1"><a href="/reader/800657" target="_blank"><img src="http://img.tulaoshi.com/201511/24/0586a99f3db0eb41487c9bd4d855a0e2_thumb_189.jpg" width="224" height="173"></a></div> <div class="xiang_right clearfix"> <div class="xiang_right_1"><A href="http://www.tulaoshi.com/n/20151124/800657.html" target="_blank">防撞角/条</A></div> <div class="span_em_123"> 防撞角/条的定义防撞角是保护宝宝的安全的一种安全用品，是采用NBR、医用级PVC材料等材质制作，适用于家庭中的桌角、橱柜、玻璃茶几等易碰撞尖锐角，能防止尖锐桌角给宝宝造成的意外事故。防撞角的造型有球形的，也有直角的。市场上防撞角种类繁多，选用的材料各不相同，价格也参差不齐。目前生产防撞角的材质有软质PVC、NBR、TPV等，不同的材料导致产品的性能也不一样。家长...<a href="http://www.tulaoshi.com/n/20151124/800657.html" target="_blank">[ 查看全文 ]</a></div> <div class="span_em "> <div class="cai_list_font"><a href="/user/爱瑄m不解释/" target="_blank"><img src="http://static.tulaoshi.com/html/tulaoshi_new/images/touxiang/17.jpg" /><span>爱瑄m不解释</span></a></div> <span class="font_span"><a class="em_s" href="javascript:;">60</a><a class="em_s2" href="javascript:;">1</a></span></div> </div> </li> </ul> <div id="pages" class="clearfix"> <a href="/reader/21915.html">上一页</a><a href="/reader/21912.html">21912</a><a href="/reader/21913.html">21913</a><a href="/reader/21914.html">21914</a><a href="/reader/21915.html">21915</a><a href="/reader/21916.html" class="cur">21916</a><a href="/reader/21917.html">21917</a><a href="/reader/21918.html">21918</a><a href="/reader/21919.html">21919</a><a href="/reader/21920.html">21920</a><a href="/reader/21917.html">下一页</a> </div> </div> </div>  <script type="text/javascript">tls.output.show_foot();</script> <div class="float_bottom" id="fixbottom" style="bottom:30px;"> <a href="http://m.tulaoshi.com//" class="icon_hu3">手机页面</a> <div class="float_bot_2"> <a href="javascript:;"id="show_search_input"> <input type="submit" class="input_sub" id="fixbottom_search_btn"> <input type="text" class="text_a_input" placeholder="输入你想搜索的关键词" style="display:none;" id="fixbottom_search_input"> </a> </div> <a href="javascript:;" class="icon_hu2" id="fav_site_btn" data-url="http://www.tulaoshi.com//">收藏网站</a> <a href="javascript:;" class="icon_hu" id="totop">回到头部</a> </div>  <script type="text/javascript" src="http://static.tulaoshi.com/js/zt.js"></script> </body> </html>