从安智网提取出来的图片水平滚动代码，还可以做进一步提纯，嘿嘿。需要的拿去： 继续阅读“图片水平滚动代码”
月度归档： 2014 年 11 月
android开发之滑动效果实现图片浏览_ViewFilpper的使用 – Android移动开发技术文章_手机开发 – 红黑联盟
- ViewFilpper 是Android官方提供的一个View容器类，继承于ViewAnimator类，用于实现页面切换，也可以设定时间间隔，让它自动播放。
又ViewAnimator继承至于FrameLayout的，所以ViewFilpper的Layout里面可以放置多个View
继续阅读“android开发之滑动效果实现图片浏览_ViewFilpper的使用 – Android移动开发技术文章_手机开发 – 红黑联盟”
JS封装函数打造横向滑动的图片切换效果 – wsdtwwps的专栏 – 博客频道 – CSDN.NET
<!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>JS封装函数打造横向滑动的图片切换效果</title>
<style type="text/css">
body{ font-size:12px; color:#333;}
#picBox{width:610px; height:205px; margin:50px auto; overflow:hidden; position:relative;}
#picBox ul#show_pic{ margin:0; padding:0; list-style:none; height:205px; width:3050px; position:absolute;}
#picBox ul#show_pic li{ float:left; margin:0; padding:0; height:205px;}
#picBox ul#show_pic li img{ display:block;}
#icon_num{ position:absolute; bottom:0px; right:10px;}
#icon_num li{ float:left; background:url(http://pc.qq.com/pc/images/flashbutton.gif) no-repeat -15px 0;width:15px; height:15px; list-style:none; color:#39F; text-align:center; cursor:pointer; padding:0; margin:0;margin-right:5px;}
#icon_num li:hover,#icon_num li.active{ background:url(http://pc.qq.com/pc/images/flashbutton.gif) no-repeat 0 0; color:#fff;}
#picBox_top{width:610px; height:205px; margin:50px auto; position:relative; overflow:hidden;}
#picBox_top ul#show_pic_top{ margin:0; padding:0; list-style:none; height:205px; width:610px; position:absolute;}
#picBox_top ul#show_pic_top li{ float:left; margin:0; padding:0; height:205px;}
#picBox_top ul#show_pic_top li img{ display:block;}
#icon_num_top{ position:absolute; bottom:0px; right:10px;}
#icon_num_top li{ float:left; background:url(http://pc.qq.com/pc/images/flashbutton.gif) no-repeat -15px 0;width:15px; height:15px; list-style:none; color:#39F; text-align:center; cursor:pointer; padding:0; margin:0;margin-right:5px;}
#icon_num_top li:hover,#icon_num_top li.active{ background:url(http://pc.qq.com/pc/images/flashbutton.gif) no-repeat 0 0; color:#fff;}
</style>
</head>
<body>
<div id="picBox">
<ul id="show_pic" style="left:0;">
<li><img src="/images/m01.jpg" width="610" height="205" alt="" title="" /></li>
<li><img src="/images/m02.jpg" width="610" height="205" alt="" title="" /></li>
<li><img src="/images/m03.jpg" width="610" height="205" alt="" title="" /></li>
<li><img src="/images/m04.jpg" width="610" height="205" alt="" title="" /></li>
<li><img src="/images/m05.jpg" width="610" height="205" alt="" title="" /></li>
</ul>
<ul id="icon_num">
<li class="active">1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</div>
<script type="text/javascript">
/**
*glide.layerGlide((oEventCont,oSlider,sSingleSize,sec,fSpeed,point);
*@param auto type:bolean 是否自动滑动 当值是true的时候 为自动滑动
*@param oEventCont type:object 包含事件点击对象的容器
*@param oSlider type:object 滑动对象
*@param sSingleSize type:number 滑动对象里单个元素的尺寸（width或者height） 尺寸是有point 决定
*@param second type:number 自动滑动的延迟时间 单位/秒
*@param fSpeed type:float 速率 取值在0.05--1之间 当取值是1时 没有滑动效果
*@param point type:string left or top
*/
var glide =new function(){
function $id(id){return document.getElementById(id);};
this.layerGlide=function(auto,oEventCont,oSlider,sSingleSize,second,fSpeed,point){
var oSubLi = $id(oEventCont).getElementsByTagName('li');
var interval,timeout,oslideRange;
var time=1;
var speed = fSpeed
var sum = oSubLi.length;
var a=0;
var delay=second * 1000;
var setValLeft=function(s){
return function(){
oslideRange = Math.abs(parseInt($id(oSlider).style[point]));
$id(oSlider).style[point] =-Math.floor(oslideRange+(parseInt(s*sSingleSize) - oslideRange)*speed) +'px';
if(oslideRange==[(sSingleSize * s)]){
clearInterval(interval);
a=s;
}
}
};
var setValRight=function(s){
return function(){
oslideRange = Math.abs(parseInt($id(oSlider).style[point]));
$id(oSlider).style[point] =-Math.ceil(oslideRange+(parseInt(s*sSingleSize) - oslideRange)*speed) +'px';
if(oslideRange==[(sSingleSize * s)]){
clearInterval(interval);
a=s;
}
}
}
function autoGlide(){
for(var c=0;c<sum;c++){oSubLi[c].className='';};
clearTimeout(interval);
if(a==(parseInt(sum)-1)){
for(var c=0;c<sum;c++){oSubLi[c].className='';};
a=0;
oSubLi[a].className="active";
interval = setInterval(setValLeft(a),time);
timeout = setTimeout(autoGlide,delay);
}else{
a++;
oSubLi[a].className="active";
interval = setInterval(setValRight(a),time);
timeout = setTimeout(autoGlide,delay);
}
}
if(auto){timeout = setTimeout(autoGlide,delay);};
for(var i=0;i<sum;i++){
oSubLi[i].onmouseover = (function(i){
return function(){
for(var c=0;c<sum;c++){oSubLi[c].className='';};
clearTimeout(timeout);
clearInterval(interval);
oSubLi[i].className="active";
if(Math.abs(parseInt($id(oSlider).style[point]))>[(sSingleSize * i)]){
interval = setInterval(setValLeft(i),time);
this.onmouseout=function(){if(auto){timeout = setTimeout(autoGlide,delay);};};
}else if(Math.abs(parseInt($id(oSlider).style[point]))<[(sSingleSize * i)]){
interval = setInterval(setValRight(i),time);
this.onmouseout=function(){if(auto){timeout = setTimeout(autoGlide,delay);};};
}
}
})(i)
}
}
}
glide.layerGlide(true,'icon_num','show_pic',610,2,0.1,'left');
</script>
</body>
</html>
JS实现图片横向滚动效果示例代码_javascript技巧_脚本之家
图片横向滚动效果，大家可能都已经很熟悉了，本文为大家介绍下使用js实现横向滚动效果，喜欢的朋友可以参考下，希望对大家有所帮助
JS中的JSON对象
使用JSON进行数据传输
一、选择的意义
在异步应用程序中发送和接收信息时，可以选择以纯文本和 XML 作为数据格式。为了更好的使用ajax,我们将学习一种有用的数据格式 JavaScript Object Notation（JSON），以及如何使用它更轻松地在应用程序中移动数据和对象。JSON是一种简单的数据交换格式，在某些方面，它的作用与XML非常类似，但比XML更为简单，JSON的语法简化了数据交换的难度，而且提供了一种伪对象的方式。
js 不推荐使用foreach及其区别 – 快乐每一天 – ITeye技术网站
android json解析及简单例子 – OPEN 开发经验库
JSON的定义：
一种轻量级的数据交换格式，具有良好的可读和便于快速编写的特性。业内主流技术为其提供了完整的解决方案（有点类似于正则表达式 ，获得了当今大部分语言的支持），从而可以在不同平台间进行数据交换。JSON采用兼容性很高的文本格式，同时也具备类似于C语言体系的行为。 – Json.org
黄聪：WordPress wp_head()优化：去除不必要的元素标签（转） – 黄聪 – 博客园
最近笔者在采用wordpress建站的时候，发现页面会生成很多冗余的代码，有些东西其实我们用不到，而且没什么很大的作用，这些代码我找了半天也没找到源代码怎么删除，最终发现是 wp_head() 这个方法输出的代码，那么要如何删除这些不必要的头部信息呢。 继续阅读“黄聪：WordPress wp_head()优化：去除不必要的元素标签（转） – 黄聪 – 博客园”
android WebView介绍（一）
<span style="font-family: 宋体; font-size: 15px;"><strong><span style="color: ＃111111; text-transform: none; line-height: 21px; text-indent: 0px; letter-spacing: normal; font-style: normal; font-variant: normal; font-weight: normal; word-spacing: 0px; float: none; display: inline !important; white-space: normal; orphans: 2; widows: 2; font-size-adjust: none; font-stretch: normal; background-color: ＃ffffff; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px;">在Android中内置了一款高机能webkit内核浏览器，在SDK中封装成名为WebView的组件。<!--more--> </span></strong></span>
<span style="font-family: 宋体; font-size: 15px;"><strong>WebView</strong>应用：</span>
<span style="font-family: 宋体; font-size: 15px;">（1）</span><span style="font-family: 宋体; font-size: 15px;">添加权限：AndroidManifest.xml中必须应用容许"android.permission.INTERNET"，不然会出Web page not available错误。</span> <span style="font-family: 宋体; font-size: 15px;">（2）在要Activity中生成一个WebView组件：WebView webView = new WebView（this）;</span>
<span style="font-family: 宋体; font-size: 15px;">（3）设置WebView根蒂根基信息：</span> <span style="font-family: 宋体; font-size: 15px;"> webview.getSettings（）.setJavaScriptEnabled（true）;// 设置支撑Javascript</span> <span style="font-family: 宋体; font-size: 15px;"> requestFocus（）;// 触摸核心起感化</span> <span style="font-family: 宋体; font-size: 15px;"> setScrollBarStyle（SCROLLBARS_OUTSIDE_OVERLAY）;// 作废迁移转变条</span> <span style="font-family: 宋体; font-size: 15px;">（4）设置WevView要显示的网页：</span> <span style="font-family: 宋体; font-size: 15px;"> webView.loadUrl（"http://www.google.com"）;// 互联网</span> <span style="font-family: 宋体; font-size: 15px;"> webView.loadUrl（"file:///android_asset/XX.html"）;// 本地文件，本地文件存放在：assets文件中</span> <span style="font-family: 宋体; font-size: 15px;">（5）若是点击链接不打开Android的体系browser中响应，</span><span style="font-family: 宋体; font-size: 15px;">则须要给WebView添加一个事务并重写shouldOverrideUrlLoading办法。</span>
<span style="font-family: 宋体; font-size: 15px;"> public boolean shouldOverrideUrlLoading（WebView view，String url） { </span>
<span style="font-family: 宋体; font-size: 15px;"> view.loadUrl（url）; </span>
<span style="font-family: 宋体; font-size: 15px;"> return true; </span>
<span style="font-family: 宋体; font-size: 15px;"> } </span>
<strong><span style="font-family: 宋体; font-size: 15px;">其它项目组可重写的办法：</span></strong>
<span style="font-family: 宋体; font-size: 15px;">（1）接管到Http恳求的事务</span>
<span style="font-family: 宋体; font-size: 15px;">onReceivedHttpAuthRequest（WebView view， HttpAuthHandler handler， String host， String realm） </span>
<span style="font-family: 宋体; font-size: 15px;">（2）打开链接前的事务</span>
<span style="font-family: 宋体; font-size: 15px;">public boolean shouldOverrideUrlLoading（WebView view， String url） {</span>
<span style="font-family: 宋体; font-size: 15px;"> view.loadUrl（url）;</span>
<span style="font-family: 宋体; font-size: 15px;"> return true;</span>
<span style="font-family: 宋体; font-size: 15px;">} </span>
<span style="font-family: 宋体; font-size: 15px;">（3）载入页面完成的事务</span>
<span style="font-family: 宋体; font-size: 15px;">public void onPageFinished（WebView view， String url） { </span>
<span style="font-family: 宋体; font-size: 15px;">} </span><span style="font-family: 宋体; font-size: 15px;"> </span>
<span style="font-family: 宋体; font-size: 15px;">（4）载入页面开端的事务</span>
<span style="font-family: 宋体; font-size: 15px;">public void onPageStarted（WebView view， String url， Bitmap favicon） { </span>
<span style="font-family: 宋体; font-size: 15px;">}</span> <span style="font-family: 宋体; font-size: 15px;">这个事务就是开端载入页面调用的，凡是我们可以在这设定一个loading的页面，告诉用户法度在守候收集响应。</span><span style="font-family: 宋体; font-size: 15px;"> </span>
<span style="font-family: 宋体; font-size: 15px;">一、若是用WebView点链接看了很多页今后，若是不做任何处理惩罚，点击体系返回（Back）键，全部浏览器会调用finish（）办法而停止自身，若是浏览的网页回退而不是退出浏览器，须要在当前Activity中处理惩罚并花费掉该Back事务。</span> <span style="font-family: 宋体; font-size: 15px;"> 覆盖Activity类的onKeyDown（int keyCoder，KeyEvent event）办法。</span>
<span style="font-family: 宋体; font-size: 15px;"> public boolean onKeyDown（int keyCode，KeyEvent event）{
if（webView.canGoBack（） && keyCode == KeyEvent.KEYCODE_BACK）{
webview.goBack（）;// goBack（）默示返回webView的上一页面
return true;
}
return false;
}</span>
<span style="font-family: 宋体; font-size: 15px;">二、loadData（）和loadDataWithBaseURL（）应用的差别</span>
loadData（）中的html data中不克不及包含””＃””， “”％””， “”\””， “”？””四别字符，呈现这种字符就会呈现解析错误，显示找不到网页还有项目组html代码。
处理惩罚办法：我们须要用UrlEncoder编码为％23， ％25， ％27， ％3f 。
可以应用以下两种代码，data为string类型的html代码
（1）webView.loadData（URLEncoder.encode（data， “utf-8″）， “text/html”， “utf-8″）;
（2）webView.loadDataWithBaseURL（null， data， “text/html”， “utf-8″， null）;
WebView相干属性：
（1）设置WebView为透明：
android:background=”＃00000000″
android:cacheColorHint=”＃00000000″
WebView.setBackgroundColor（0）;
（2）WebView 显示sd卡：
webView.loadDataWithBaseURL（null， “”， “text/html” ， “utf-8″， null）;
（3）WebView显示字符串
webView.loadDataWithBaseURL（””， “”， “text/html”， “utf-8″， “”）;
（4）设置WebView中显示字体的大小
public static final TextSize[] FONT_SIZES = new TextSize[] {
TextSize.SMALLER，
TextSize.NORMAL，
TextSize.LARGER
};
private WebSettings wb;
wb = mWebViewRightContent.getSettings（）;
wb.setTextSize（FONT_SIZES[iFontSizeId]）;
字体大小：
public enum TextSize {
SMALLEST（50），
SMALLER（75），
NORMAL（100），
LARGER（150），
LARGEST（200）;
TextSize（int size） {
value = size;
}
int value;
}
（5）WebView显示html文件时，若要达到和PC上浏览器显示的结果完全一样，只需对WebView做一下设置即可：
适应全屏
39 适应竖屏
57 适应横屏
mWebView.setInitialScale（39）;
重视的是：html若是字体太小则在Android上显示的就很小。一般为6、7号字体。
（6）WebView设置渐变：
android:fadingEdge=”vertical”
android:fadingEdgeLength=”20px” （垂直标的目标，高低渐变区域为20px）
（7）设置WebView可触摸放大缩小：
mWebView.getSettings（）.setBuiltInZoomControls（true）;
（8）WebView双击变大，再双击后变小，当手动放大后，双击可以恢复到原始大小，如下设置：
webView.getSettings（）.setUseWideViewPort（true）;
（9）几种加快WebView加载的办法，进步衬着的优先级
webView.getSettings（）.setRenderPriority（RenderPriority.HIGH）;
应用webView.getSettings（）.setBlockNetworkImage，把加载放在最后来加载衬着webView.getSettings（）.setBlockNetworkImage（true）;
（10）将字符串转换成HTML情势的文件显示：
// 获取的字符串
String sDetails = cursor.getString（cursor.getColumnIndex（”sChinese”））;
// 按行截取字符串，将其存放在数组中
String[] str = sDetails.split（”\n”）;
String s1 = “”;
// 遍历数组进行断定，若是前提成立，就添加设定的css样式
for （int i = 0;i < str.length;i ++） {
if （str[i].trim（）.startsWith（”vt.”）） {
str[i] = “<h3 style=\”font-size:10px; color:＃000; background:＃FCFCFC; padding:3px 5px;\”>” + str[i] + “<h3>” + “\n”;
} else if （getMark（str[i].trim（））） {
str[i] = “<h4 style=\”font-size:10px; color:＃F60; font-weight:normal;\”>” + str[i] + “</h4>” + “\n”;
} else if （str[i].trim（）.startsWith（”〖”）） {
str[i] = “<span style=\”color:＃333; font-size:10px; color:＃F60\”>” + str[i] + “</span>” + “\n”;
} else {
str[i] = “<p style=\”line-height:16px; font-size:10px;color:＃666;\”>” + str[i] + “</p>” + “\n”;
}
// 将批改后的字符串拼接起来
s1 += str[i];
}
// 用WebView将字符串以HTML的情势显示出来
webView.loadDataWithBaseURL（”fake://not/needed”， s1， “text/html”， “utf-8″， “”）;
Android webview读取html和js_Linux编程_Linux公社-Linux系统门户网站
WebView对Javascript的支持也很强，google一个Java和Javascript互调的例子
整个Eclipse ADT工程例子中都有，这里重点分析一下代码： 继续阅读“Android webview读取html和js_Linux编程_Linux公社-Linux系统门户网站”
Android WebView 实现网页加载进度_Linux编程_Linux公社-Linux系统门户网站
首先要使其不是通过手机本身的浏览器来实现浏览网页而是通过这个webview来实现所浏览的网页， 继续阅读“Android WebView 实现网页加载进度_Linux编程_Linux公社-Linux系统门户网站”
Android的webview研究 – 其实挺聪明就是反应有点慢 – ITeye技术网站
最近做的项目大量用到了 webview ，用网页来布局。 Android 的 webview 是基于 webkit 内核，不过他的运行效果和 firefox 上一模一样，所以写的时候都是先用 firefox 测试，测试 OK 了再放到程序里面看效果，基本上不会有什么问题。其实 android 的 webview 跟 iphone 的 webview 差不多， iphone上的 webview 比 android 上的强大多了。
谈一下研究 webview 的一些成果： 继续阅读“Android的webview研究 – 其实挺聪明就是反应有点慢 – ITeye技术网站”
Android的WebView控件载入网页显示速度慢的究极解决方案 – wangwangheng – 博客园
【转载来源自http://hi.baidu.com/goldchocobo/】
Android客户端中混搭HTML页面，会出现虽然HTML内容载入完成，标题也正常显示，但是整个网页需要等到近5秒（甚至更多）时间才会显示出来。研究了很久，搜遍了国外很多网站，也看过PhoneGap的代码，一直无解。 继续阅读“Android的WebView控件载入网页显示速度慢的究极解决方案 – wangwangheng – 博客园”
Android WebView详解（加速加载篇） – 余炜的博客 – ITeye技术网站
当我们在使用WebView时，如果加载的网友比较大，这加载速度将非常慢。
现总结几种加速WebView加载的方法
他为小区挽回了上亿元的财产损失
11月11日凌晨0点1分，天黑透了，几颗暗星慵懒地向这个世界挤眉弄眼。小区的几栋高层却仍是家家亮着灯，那是一种寂静的明亮，没有电视和音响的嘈杂，没有夫妻的争吵，只有鼠标嗒嗒嗒的响声。小区传达室的王大爷又点上一根烟，默默地关掉了小区总电闸。据说，这一晚上，他为小区挽回了上亿元的财产损失。
一个完整的新浪微博客户端android版OAuth认证示例 – 水的右边 – 博客园
在我的博客里最多的网友提问都是跟OAuth有关的，这个确实存在比较多的问题，很多都是卡在这一步。 继续阅读“一个完整的新浪微博客户端android版OAuth认证示例 – 水的右边 – 博客园”
Android 播放Gif 动画 – Terry_龙 – 51CTO技术博客
在Android 中是不支持直接使用Gif 图片关联播放帧动画，如下动画在Android 中是无法播放的： 继续阅读“Android 播放Gif 动画 – Terry_龙 – 51CTO技术博客”
android 添加第三方包_beelzebub_新浪博客
1、打开Eclipse，右键点击android工程->Properties->Java
Android中引入第三方Jar包的方法(java.lang.NoClassDefFoundError解决办法) – anchor110 – BlogJava
1、在工程下新建lib文件夹，将需要的第三方包拷贝进来。
2、将引用的第三方包，添加进工作的build path。
3、（关键的一步）将lib设为源文件夹。如果不设置，则程序编译可以通过，但运行的时候，会报： 继续阅读“Android中引入第三方Jar包的方法(java.lang.NoClassDefFoundError解决办法) – anchor110 – BlogJava”
android 程序中如何导入第三方jar包(包括android系统程序) – Android移动开发技术文章_手机开发 – 红黑联盟
1.android 普通应用程序开发者
我们之前在网上看到最多的是在Java Build Path里面Add jars ,Add External Jars或者Add Library，其实这些只是能确保编译没问题 继续阅读“android 程序中如何导入第三方jar包(包括android系统程序) – Android移动开发技术文章_手机开发 – 红黑联盟”