精华内容
下载资源
问答
  • 3D图片滚动网页特效

    2019-11-16 16:50:46
    3D图片滚动网页特效
  • 就是像那些门户网站上一样,一个图片框里轮流显示几个图片图片框下边有图片编号比如12345,鼠标移到图片编号上会显示相应的图片,我的部分代码是从别的网页上粘过来的,最后图片不是在一个框里轮流显示而是铺开了...
  • 由于初学网页编程,接了一个xia

    由于初学网页编程,接了一个项目需要首页进行图片滚动,于是找了这个插件,刚开始根据flexslider推荐的官方配置使用了一下,图片一直显示不出来。经过一番折腾,终于可以了,使用教程以及flexslider下载如下。

    首先在html首部声明flexslider所需要的包,flexsider完整插件可以在我的网盘里面下载,网盘地址:http://pan.baidu.com/s/1qWrxm1Y,

    <link rel="stylesheet" href="flexslider.css" type="text/css">
    <script src="jquery.min.js"></script>
    <script src="jquery.flexslider.js"></script>

    另外需要在项目中导入flexslider的fonts文件夹,里面包含了该插件的图标文件,如左右翻页图标



    然后用js加载这个插件,其中.flexslider必须和所要显示的div的class名相同,里面有一些属性如animation等这里不做详细解释,大家意会即可。

    <script type="text/javascript" charset="utf-8">
    	$(window).load(function() {
    		$(.flexslider).flexslider({
    			animation : "fade",
    			controlsContainer : ".flex-container",
    			controlNav : false,
    			slideshowSpeed : 5000
    		});
    	});
    </script>

    以下是body内的图片滚动展示区域

    <div class="<span style="color:#ff0000;">flexslider</span>">
    <span style="white-space:pre">	</span><ul class="slides">
    	<span style="white-space:pre">	</span><li><img src="images/1.jpg" /></li>
    	<span style="white-space:pre">	</span><li><img src="images/2.jpg" /></li>
    
    	</ul>
    </div>


    贴出一张效果图




    展开全文
  • jQuery实现的滚动图片特效,浏览器兼容性好
  • 文字滚动显示

    2012-11-09 14:50:42
    控制网页上,文字的滚动显示 用marquee来完成的,图片也能那样做, 包含marquee的一些基本的参数。
  • 图片滚动从右向左滚动网页代码

    千次阅读 2015-06-16 14:21:20
    一下代码是从一个网站上面扒下来的,仅供参考,直接保存到html文件即可运行。

    以下代码是从一个网站上面扒下来的,仅供参考,直接保存到html文件即可运行。

    <html>
    	<head>
    	<style>
    		
    h1, h2, h3, h4, h5, h6, dd, dt, ul, li, span, p, dl, a, th, td, blockquote, form, fieldse {
        list-style: outside none none;
        margin: 0;
        padding: 0;
    }
    
    dd {
        display: inline;
        float: left;
    }
    
    
    .actual_pic dl dd a {
        display: block;
        height: 99px;
        margin: 0 2px;
        width: 158px;
    }
    a, a:active {
        outline: medium none;
    }
    a {
        color: #555555;
        outline: medium none;
        text-decoration: none;
    }
    
    img {
        border: 0 none;
    }
    		* {
        word-wrap: break-word;
    }
    		.scroll_pic {
        border: 1px solid #999;
        height: 99px;
        overflow: hidden;
        width: 324px;
    }
    .actual_pic {
        height: 99px;
        width: 9999px;
    }
    .actual_pic dl dd a {
        display: block;
        height: 99px;
        margin: 0 2px;
        width: 158px;
    }
    .pic_one {
        float: left;
        height: 99px;
        width: auto;
    }
    .pic_one_copy {
        float: left;
        height: 99px;
        width: auto;
    }
    </style>
    <script src="http://www.caeexpo.org/r/cms/www4c/default/js/jquery-1.7.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    	  function scroll_pic_two(){
    		    var timer_pic=50;
    			  $('.pic_one_copy').html($('.pic_one').html());
    			  var pic_width=$('.pic_one').width();
    			
    		    function step_pic_scroll(){
    					if($('.scroll_pic').scrollLeft()==pic_width){
    						 $('.scroll_pic').scrollLeft(0)
    					}else{
    					  $('.scroll_pic').scrollLeft($('.scroll_pic').scrollLeft()+1)
    				  }
    			  }
    		   
    		     var stop_pic_scro=setInterval(step_pic_scroll,timer_pic);
    		     $('.scroll_pic dl dd a').bind('mouseover',function(){
    			      clearInterval(stop_pic_scro)
    		     });
    		  
    		     $('.scroll_pic dl dd a').bind('mouseout',function(){
    		         stop_pic_scro=setInterval(step_pic_scroll,timer_pic);
    		     })
    	  }	
    	  $(document).ready(function(){
    	  		scroll_pic_two();	
    	  });
    </script>
    </head>
    <div class="scroll_pic"> 
       <div class="actual_pic"> 
        <div class="pic_one"> 
         <dl> 
          <dd>
           <a target="_blank" href="/huizhanmeitu/60731.jhtml"><img width="158" height="99" src="http://www.caeexpo.org/u/cms/www4c/201406/23094546degz.jpg" /></a>
          </dd> 
          <dd>
           <a target="_blank" href="/huizhanmeitu/60628.jhtml"><img width="158" height="99" src="http://www.caeexpo.org/u/cms/www4c/201406/19192850hzkm.jpg" /></a>
          </dd> 
          <dd>
           <a target="_blank" href="/huizhanmeitu/60626.jhtml"><img width="158" height="99" src="http://www.caeexpo.org/u/cms/www4c/201406/191926102y03.jpg" /></a>
          </dd> 
          <dd>
           <a target="_blank" href="/huizhanmeitu/60622.jhtml"><img width="158" height="99" src="http://www.caeexpo.org/u/cms/www4c/201406/1919224228kd.jpg" /></a>
          </dd> 
          <dd>
           <a target="_blank" href="/huizhanmeitu/60621.jhtml"><img width="158" height="99" src="http://www.caeexpo.org/u/cms/www4c/201406/191924167thk.jpg" /></a>
          </dd> 
         </dl> 
        </div> 
        <div class="pic_one_copy"> 
         <dl> 
          <dd>
           <a target="_blank" href="/huizhanmeitu/60731.jhtml"><img width="158" height="99" src="http://www.caeexpo.org/u/cms/www4c/201406/23094546degz.jpg" /></a>
          </dd> 
          <dd>
           <a target="_blank" href="/huizhanmeitu/60628.jhtml"><img width="158" height="99" src="http://www.caeexpo.org/u/cms/www4c/201406/19192850hzkm.jpg" /></a>
          </dd> 
          <dd>
           <a target="_blank" href="/huizhanmeitu/60626.jhtml"><img width="158" height="99" src="http://www.caeexpo.org/u/cms/www4c/201406/191926102y03.jpg" /></a>
          </dd> 
          <dd>
           <a target="_blank" href="/huizhanmeitu/60622.jhtml"><img width="158" height="99" src="http://www.caeexpo.org/u/cms/www4c/201406/1919224228kd.jpg" /></a>
          </dd> 
          <dd>
           <a target="_blank" href="/huizhanmeitu/60621.jhtml"><img width="158" height="99" src="http://www.caeexpo.org/u/cms/www4c/201406/191924167thk.jpg" /></a>
          </dd> 
         </dl> 
        </div> 
       </div> 
      </div>
    </html>

    效果图如下:



    展开全文
  • 三张图片滚动特效

    2012-05-17 21:35:18
    三张图片滚动特效 网页特效 JavaScript+css
  • C#.NET图片滚动

    2009-02-18 11:26:12
    C#.NET实现图片滚动及超链接。可在网站中动态显示一些超级链接图片
  • jquery插件版图片滚动 放大当前图片,当点击左右的控制按钮,图片一整行滚动,当前滚动的图片,会放大显示。在整个图片滚动框的上部,会显示出整体的图片滚动进度,红色标记对应的位置,告诉浏览者当前图片在整个...
  • 图片翻页特效: <br />效果:多张图片逐个翻页显示,也可用鼠标点击图片区域下方的页码手动翻页。每张图片上都可添加链接引向不同位置的帖子。 <br />演示:在专刊盛世奥运之奢华盘点上半部分中间“华美...

    1. 图片翻页特效:

    效果:多张图片逐个翻页显示,也可用鼠标点击图片区域下方的页码手动翻页。每张图片上都可添加链接引向不同位置的帖子。

    演示:在专刊
    盛世奥运之奢华盘点上半部分中间“华美谢幕”那部分有演示,请点击专刊查看。

    代码:
    这段代码不是原创,而是我从其他网页上截取的代码片断,根据自己需要做了修改,并且添加了注释。
    绿色部分是注释蓝色部分是Javascript代码
    拷贝代码使用时,绿色注释部分可保留,不影响代码效果。因为搜狐论坛不能完整显示网页代码,因此我用中文尖括号<>替代英文尖括号,以便代码可以正常显示。拷贝代码使用时,所有尖括号<请替换成<,所有尖括号>请替换成>。

    <script type=text/javascript>
    <!--

     //定义图片展示区域宽度,图片制作时尺寸应与之吻合,具体宽度456可根据需要更改
     var focus_width = 465;  
     
     //定义图片展示区域高度,图片制作时尺寸应与之吻合,具体高度309可根据需要更改
     var focus_height = 309  

     //定义动画展示区域高度,无需修改,直接拷贝即可
     var swf_height = focus_height;  

     //定义图片地址,不同图片地址用竖线“|”分隔开,图1-图6将循环翻页显示
     //例:var pics='图1地址|图2地址|图3地址|图4地址|图5地址|图6地址'
     //图1-图6的具体图片地址可根据需要更改

     var pics='http://image1.club.sohu.com/pic/2c/bf/hxzy17bad114940ae70c.jpg|http:
    //image1.club.sohu.com/pic/2a/2c/hxzy46b149bcbe0c5523.jpg|http://image1.
    club.sohu.com/pic/ec/4c/hxzyc1b1753b537f6318.jpg|http://image1.club.sohu
    .com/pic/77/be/hxzy6691c527216b9379.jpg|http://image1.club.sohu.com/pic/
    6e/c8/hxzyc7fab6902cd7493b.jpg|http://image1.club.sohu.com/pic/87/63/
    hxzy4adf549af5477b83.jpg'

     //定义图片链接到的帖子地址,不同帖子地址用竖线“|”分隔开,分别点击图1-图6将打开不同帖子
     //例:var links='帖子1地址|帖子2地址|帖子3地址|帖子4地址|帖子5地址|帖子6地址'
     //帖子1-帖子6的具体帖子地址可根据需要更改

     var links='http://club.yule.sohu.com/r-hot-905015-0-1-0.html|http://club.yule
    .sohu.com/r-hot-905015-0-1-0.html|http://club.yule.sohu.com/r-hot-905015-
    0-1-0.html|http://club.yule.sohu.com/r-hot-905015-0-1-0.html|http://club.
    yule.sohu.com/r-hot-905015-0-1-0.html|http://club.yule.sohu.com/r-hot-905
    015-0-1-0.html'

     //用Flash方式实现图片翻页动画,定义Flash控件宽度和高度,无需修改,直接拷贝即可
     document.write('<object classid=clsid:d27cdb6e-ae6d-11cf-96b8-444553540000 codebase=http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0 width='+ focus_width +' height='+ swf_height +'>');

     //用Flash方式实现图片翻页动画,定义Flash控件模版
     //仅Flash背景颜色可根据需要更改,其他代码无需修改,直接拷贝即可
     //Flash背景颜色定义在以下代码末尾,这个便是<param name=bgcolor value=#ff5f0a>,可根据需要将颜色编码#ff5f0a更改为其它颜色编码

     document.write('<param name=allowScriptAccess value=sameDomain><param name=movie value=http://mat1.qq.com/bb/flash/focus.swf> <param name=quality value=high><param name=bgcolor value=#ff5f0a>');

     //用Flash方式实现图片翻页动画,设置Flash上的图片和帖子链接,无需修改,直接拷贝即可
     document.write('<param name=menu value=false><param name=wmode value=opaque>');
     document.write('<param name=FlashVars value=pics='+pics+'&links='+links+'&borderwidth='+focus_width+'&borderheight='+focus_height+'>');

     //用Flash方式实现图片翻页动画,定义Flash控件模版
     //仅图片翻页时Flash背景颜色可根据需要更改,其他代码无需修改,直接拷贝即可
     //图片翻页时Flash背景颜色定义在以下代码中部,这个便是bgcolor=#ff5f0a,可根据需要将颜色编码#ff5f0a更改为其它颜色编码

     document.write('<embed src=http://mat1.qq.com/bb/flash/focus.swf wmode=opaque FlashVars=pics='+pics+'&links='+links+'&borderwidth='+focus_width+'&borderheight='+focus_height+' menu=false bgcolor=#ff5f0a quality=high width='+ focus_width +' height='+ swf_height +' allowScriptAccess=sameDomain type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer />');
     document.write('</object>');

    //-->
    </script>

    2. 图片滚动特效:

    效果:多张图片自右向左循环滚动显示,当鼠标移动到图片上时图片停止滚动,当鼠标移到图片以外区域时,图片继续自右向左循环滚动。每张图片上都可添加链接引向不同位置的帖子。

    演示:在专刊
    盛世奥运之奢华盘点底部“再见北京”那部分有演示,请点击专刊查看。

    代码:
    这段代码不是原创,而是我从其他网页上截取的代码片断,根据自己需要做了修改,并且添加了注释
    绿色部分是注释蓝色部分是Javascript代码,其余是html代码
    拷贝代码使用时,绿色注释部分需删除,否则影响代码效果。因为搜狐论坛不能完整显示网页代码,因此我用中文尖括号<>替代英文尖括号,以便代码可以正常显示。拷贝代码使用时,所有尖括号<请替换成<,所有尖括号>请替换成>。

     
    //定义图片滚动区域宽度,具体宽度913可根据需要更改,但要保证所有小图片宽度之和大于滚动区域宽度。
     //注意id=scrollpic这部分不要更改,会被下面的JavaScript代码用到

     <div id=scrollpic style=overflow: hidden; width:913px;>
      
      <table cellspacing=0 cellpadding=0 align=center border=0>
       <tr>

        
    //注意id=scrollpic1这部分不要更改,会被下面的JavaScript代码用到
        <td id=scrollpic1>
         <table border=0 cellpadding=0 cellspacing=0>
          <tr>
          <tr>

           
    //定义图1地址,图1的具体图片地址可根据需要更改
           //例:src=图1地址

           <td width=185 ><img src=http://image1.club.sohu.com/pic/02/06/hxzy38a37ad660911a22.jpg /></td>

           
    //定义图2地址,图2的具体图片地址可根据需要更改
           //例:src=图2地址

           <td width=185 ><img src=http://image1.club.sohu.com/pic/df/2e/hxzycd25c5d21ec914fa.jpg /></td>

           
    //定义图3-图10地址,图3-图10的具体图片地址可根据需要分别更改
           //例:src=图3地址

           <td width=185 ><img src=http://image1.club.sohu.com/pic/86/7c/hxzy1d6b9dbd31037dd7.jpg /></td>
           <td width=185 ><img src=http://image1.club.sohu.com/pic/e4/87/hxzy8a23effe3f101f4b.jpg /></td>
           <td width=185 ><img src=http://image1.club.sohu.com/pic/e5/f8/hxzy3c238da78778cd67.jpg /></td>
           <td width=185 ><img src=http://image1.club.sohu.com/pic/74/78/hxzya257d79c0c8f5635.jpg /></td>
           <td width=185 ><img src=http://image1.club.sohu.com/pic/95/09/hxzy89a7cc1d2f4444ea.jpg /></td>
           <td width=185 ><img src=http://image1.club.sohu.com/pic/63/64/hxzy9644fc02748b3064.jpg /></td>
           <td width=185 ><img src=http://image1.club.sohu.com/pic/54/7c/hxzy62056924145d076f.jpg /></td>
           <td width=185 ><img src=http://image1.club.sohu.com/pic/b0/bc/hxzy3530eaebb527a0b8.jpg /></td>

          </tr>
         </table>
        </td>

       
    //注意id=scrollpic2这部分不要更改,会被下面的JavaScript代码用到
       <td id=scrollpic2></td>

       </tr>
      </table>
     </div>

    <script type=text/javascript>

     //定义图片滚动速度,具体速度15可根据需要更改
     var speed=15;

     //定义图片滚动方向,自右向左水平滚动,无需修改,直接拷贝即可
     scrollpic2.innerHTML=scrollpic1.innerHTML;
     function Marquee()
     {
      if(scrollpic2.offsetWidth-scrollpic.scrollLeft<=0)
       scrollpic.scrollLeft-=scrollpic1.offsetWidth;
      else
       scrollpic.scrollLeft++;
     }
     var MyMar=setInterval(Marquee,speed);
     scrollpic.οnmοuseοver=function() {clearInterval(MyMar);}
     scrollpic.οnmοuseοut=function() {MyMar=setInterval(Marquee,speed);}
    </script>

    展开全文
  • ScrollView滚动布局控件使用,在手机上显示新闻网页

    ScrollView滚动布局使用原理:

    ①滚动产生的条件是,里面的内容大于物理尺寸

    ②ScrollView里面只有一个子元素,这个子元素就是一个线性布局LinearLayout,我们可以在线性布局中添加我们需要的内容,所以ScrollView中得包裹一层,并且线性布局中设计的方向必须纵向;再加任何其他的标签都是错误的,如果加标签,应该在LinearLayout里加

    ③不要把ScrollView和ListView放在一起用

    第一种是静态布局如下:

    <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:paddingBottom="@dimen/activity_vertical_margin"
        android:paddingLeft="@dimen/activity_horizontal_margin"
        android:paddingRight="@dimen/activity_horizontal_margin"
        android:paddingTop="@dimen/activity_vertical_margin"
        tools:context="com.example.android_scrollview.MainActivity" >
    
        <ScrollView
            android:id="@+id/scrollView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true"
            android:layout_alignParentLeft="true"
            android:layout_alignParentRight="true"
            android:layout_alignParentTop="true" >
    
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical" >
                <ImageView android:src="@drawable/a"
                    android:layout_width="match_parent"
                android:layout_height="wrap_content"
                    />
                 <ImageView android:src="@drawable/b"
                    android:layout_width="match_parent"
                android:layout_height="wrap_content"
                    />
                  <ImageView android:src="@drawable/a"
                    android:layout_width="match_parent"
                android:layout_height="wrap_content"
                    />
            </LinearLayout>
        </ScrollView>
    
    </RelativeLayout>
    


    第二种是动态如下

    package com.example.android_scrollview;
    
    import com.example.android_scrollview.R.layout;
    
    import android.support.v7.app.ActionBarActivity;
    import android.graphics.drawable.Drawable;
    import android.media.Image;
    import android.os.Bundle;
    import android.view.Menu;
    import android.view.MenuItem;
    import android.widget.ImageView;
    import android.widget.LinearLayout;
    
    public class MainActivity extends ActionBarActivity {
    
    	//动态加载图片
    	private LinearLayout linearLayout;
    	@Override
    	protected void onCreate(Bundle savedInstanceState) {
    		super.onCreate(savedInstanceState);
    		setContentView(R.layout.activity_main);
    		//scrollView=(ScrollView) this.findViewById(R.id.scrollView1);
    		linearLayout=(LinearLayout) this.findViewById(R.id.linearLayout1);
    		for(int i=0;i<10;i++){
    			ImageView imageView=new ImageView(this);
    			Drawable drawable=getResources().getDrawable(R.drawable.a);//加载图片
    			imageView.setImageDrawable(drawable);
    			linearLayout.addView(imageView, i);
    		}
    	}
    
    	@Override
    	public boolean onCreateOptionsMenu(Menu menu) {
    		// Inflate the menu; this adds items to the action bar if it is present.
    		getMenuInflater().inflate(R.menu.main, menu);
    		return true;
    	}
    
    	@Override
    	public boolean onOptionsItemSelected(MenuItem item) {
    		// Handle action bar item clicks here. The action bar will
    		// automatically handle clicks on the Home/Up button, so long
    		// as you specify a parent activity in AndroidManifest.xml.
    		int id = item.getItemId();
    		if (id == R.id.action_settings) {
    			return true;
    		}
    		return super.onOptionsItemSelected(item);
    	}
    }
    


    布局效果图如下


    案例:把新闻内容显示到手机上

    在eclipse中创建一个ScrollView_web工程,在里面创建一个news.html,启动Servers服务器

    在AndroidMainfest.xml中加上网络授权:<uses-permission android:name="android.permission.INTERNET"/>

    方法:点击AndroidMainfest.xml中的Permission,点击Add,然后点击Uses Permission中找到permission.INTERNET

    <?xml version="1.0" encoding="utf-8"?>
    <manifest xmlns:android="http://schemas.android.com/apk/res/android"
        package="com.example.android_scrollview"
        android:versionCode="1"
        android:versionName="1.0" >
    
        <uses-sdk
            android:minSdkVersion="8"
            android:targetSdkVersion="21" />
        <uses-permission android:name="android.permission.INTERNET"/>
    
        <application
            android:allowBackup="true"
            android:icon="@drawable/ic_launcher"
            android:label="@string/app_name"
            android:theme="@style/AppTheme" >
            <activity
                android:name=".MainActivity"
                android:label="@string/app_name" >
                <intent-filter>
                    <action android:name="android.intent.action.MAIN" />
    
                    <category android:name="android.intent.category.LAUNCHER" />
                </intent-filter>
            </activity>
        </application>
    
    </manifest>
    

    编写工具类HttpUtils.java

    package com.example.android_scrollview.http;
    
    import org.apache.http.HttpResponse;
    import org.apache.http.client.HttpClient;
    import org.apache.http.client.methods.HttpPost;
    import org.apache.http.impl.client.DefaultHttpClient;
    import org.apache.http.util.EntityUtils;
    
    public class HttpUtils {
    	
    	/**
    	 * 
    	 * @param path
    	 * @param encoding
    	 * @return
    	 */
    	public static String sendPostMethod(String path,String encoding){
    		String result="";
    		HttpClient httpClient=new DefaultHttpClient();
    		try {
    			HttpPost post=new HttpPost(path);
    			HttpResponse response=httpClient.execute(post);
    			if(response.getStatusLine().getStatusCode()==200){
    				result=EntityUtils.toString(response.getEntity(),encoding);
    			}
    		} catch (Exception e) {
    			// TODO: handle exception
    			e.printStackTrace();
    		}finally{
    			httpClient.getConnectionManager().shutdown();
    		}
    		return result;
    	}
    }
    

    MainActivity.java

    package com.example.android_scrollview;
    
    import com.example.android_scrollview.http.HttpUtils;
    
    import android.support.v7.app.ActionBarActivity;
    import android.text.Html;
    import android.text.Spanned;
    import android.text.method.LinkMovementMethod;
    import android.app.ProgressDialog;
    import android.os.AsyncTask;
    import android.os.Bundle;
    import android.view.Menu;
    import android.view.MenuItem;
    import android.widget.LinearLayout;
    import android.widget.TextView;
    
    public class MainActivity extends ActionBarActivity {
    
    	//动态加载图片
    	private LinearLayout linearLayout;
    	private ProgressDialog dialog;
    	private final String HTML_PATH="http://192.168.1.100:8080/scrollView_web/news.html";
    	@Override
    	protected void onCreate(Bundle savedInstanceState) {
    		super.onCreate(savedInstanceState);
    		setContentView(R.layout.activity_main);
    		linearLayout=(LinearLayout) this.findViewById(R.id.linearLayout1);
    		dialog=new ProgressDialog(this);
    		dialog.setTitle("提示");
    		dialog.setMessage("loading...");
    		new MyTask().execute(HTML_PATH);
    	}
    
    	//由于要访问网络,所以写一个线程
    	class MyTask extends AsyncTask<String, Void, String>{
    
    		@Override
    		protected void onPreExecute() {
    			// TODO Auto-generated method stub
    			super.onPreExecute();
    			dialog.show();
    		}
    		
    		@Override
    		protected String doInBackground(String... params) {
    			// TODO Auto-generated method stub
    			String result=HttpUtils.sendPostMethod(params[0], "utf-8");
    			return result;
    		}
    		
    		@Override
    		protected void onPostExecute(String result) {
    			// TODO Auto-generated method stub
    			super.onPostExecute(result);
    			
    			TextView textView=new TextView(MainActivity.this);
    			Spanned spanned=Html.fromHtml(result);//过滤HTML标签
    			textView.setText(spanned);
    			textView.setMovementMethod(new LinkMovementMethod());//处理HTML中超链接的事件
    			linearLayout.addView(textView);
    			dialog.dismiss();
    		}
    	}
    	
    	@Override
    	public boolean onCreateOptionsMenu(Menu menu) {
    		// Inflate the menu; this adds items to the action bar if it is present.
    		getMenuInflater().inflate(R.menu.main, menu);
    		return true;
    	}
    
    	@Override
    	public boolean onOptionsItemSelected(MenuItem item) {
    		// Handle action bar item clicks here. The action bar will
    		// automatically handle clicks on the Home/Up button, so long
    		// as you specify a parent activity in AndroidManifest.xml.
    		int id = item.getItemId();
    		if (id == R.id.action_settings) {
    			return true;
    		}
    		return super.onOptionsItemSelected(item);
    	}
    }
    

    运行效果图




    展开全文
  • 对联滚动图片效果、JAVASCRIPT编写。直接嵌套在HTML中可用
  • 我这里把加载图片作为例子,就好像百度图片里的一样,你往下滚动,它就会继续显示下一页的图片。 要求是这样的,比如我要加载20张图片,在页面加载完毕后我先加载5张(前提是5张已经占满浏览器窗口高度),当滚动条...
  • 结合jQuery实现的焦点图特效,左侧TAB控制的垂直滚动网页图片展示特效,左侧点击后,右侧图片分批次更换显示,右侧只显示缩略图,不能被放大显示。这种形式以前本站也分享过几款,不过本效果看上去更漂亮一些,...
  • 网页背景图片固定,不随网页滚动

    千次阅读 2017-06-20 15:36:19
    有时候移动端:background-attachment:fixed失效,可以这样来做:--> “要添加背景的元素”:before{ content: ' '; position: fixed; z-index: -1; top: 0; right: 0;...background: url(图片地址) cen
  • jQuery结合LightBox实现的图片展示 图片盒子,图片滚动过程中,可通过控制按钮控制滚动方向,单击小图片后,在当前页无刷新显示出放大图片,结合LightBox可实现 渐变动画效果的图片放大效果,代码中引入了jquery,且...
  • 一款flash幻灯切换 图片滚动效果,很适合影视站使用,左侧显示标题内容,鼠标放上后右侧大图立即跟着切换显示,当然了,大图片的右下角也可以控制图片切换,有按钮之类的控制键。图片切换的过程中使用滚动的效果。
  • html5实现一个可控的图片滚动列表,鼠标悬停图片,图片变小,显示图片描述。以动画的方式显示图片描述,点击右上角的左右箭头,可控制图片左右滚动一个图片的位置,然后悬停于任意一张图片上,会以动画方式显示出该...
  • 本代码有两种,一种是纯JS实现的banner图片切换代码 另一种是图片左右滚动代码,鼠标移动到图片上后显示图片文字说明内容
  • 有的时候当网页的背景是一张图片,而在滚动滚动条时,我们不希望图片随着滚动条改变而是希望图片上的内容改变而图片不动,即利用css实现网页的背景图片位置不随滚动条改变 效果代码如下: background:url(./img/...
  • 初步想法,使用dl 给dl设置固定宽高 然后用overflow:auto设置滚动显示完整内容 碰到问题1:滚动条不显示,但是可以正常滚动, 解决办法/*--滚动条--*/ ::-webkit-scrollbar{ width:5px; height:5px; background-...
  • 大家如果使用firebug去查看的话就会发现,当你滚动到相应的行时,当前行的图片才即时加载的,这样子的话页面在打开只加可视区域的图片,而其它隐藏的图片则不加载,一定程序上加快了页面加载的速度,对于比较长的...
  • 显示立体文字描述的左右滚动图片展示,就是网页焦点图,切换的时候,左右滑动,每一张图片都可显示描述,描述框有三维效果,且在描述框中就可控制图片展示上一张、下一张循环播放展示。当然,除了上述控制方式外,还...
  • Android之WebView网页滚动截图

    千次阅读 2016-07-01 23:41:03
    WebView 网页滚动截屏,可对整个网页进行截屏而不是仅当前屏幕哦! 注意若Web页面存在position:fixed; 的话得在调用前设置为 position:absolute; 哦,否则会出现很多次的,请看下面有具体解说吧!! private ...
  •  近来做个项目,要截取网页,试了获取mht,开始倒是成功了,但不知装了什么软件后,就再也无法保存成mht了,查了一堆资料,修复了一轮,又可以部份保存成功,如此不稳定肯定不能应用,放弃!不得不赞的是,网
  • html页面实现图片滚动

    千次阅读 2020-12-14 22:42:11
    html页面实现图片滚动 css代码 * { margin: 0px;/*设置一个元素所有外边距的宽度*/ padding: 0px;/*设置元素所有内边距的宽度*/ text-align: center;/*规定元素中的文本的水平对齐方式。*/ } #banner { width...
  • var IsShowBtn="1" //IsShowBtn 是否显示按钮:1表示显示按键,0表示隐藏按键,更适合做广告挑轮换 1 var WinOpen="_blank" //WinOpen 打开窗口:_blank表示新窗口打开。_self表示在当前窗口打开 ...
  • html滚动到可视区域显示隐藏特效动画,适合新手研究开发
  • flash+js实现图片横向滚动显示

    千次阅读 2007-12-03 21:59:00
    链接网页1地址 ";  text[1]="";    imag[2]=" 图片2地址 ";  link[2]=" 链接网页2地址 ";  text[2]="";    ......    <!--BEGIN-->  var swf_height=show_text==1?pic_height+0:pic_height;  var pics="...
  • 创新实训-layui表格不显示滚动条|网页元素不随着网页的缩放而错位 一.layui表格不显示滚动条 因为首页中有一个页面是用layui表格做的,如果返回的数据过长,默认会将多余的隐藏,显示…,并出现滚动条,这种显示方式...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 54,131
精华内容 21,652
关键字:

网页图片滚动显示