js畫廊代碼（html畫廊）

本文目錄一覽：

• 1、關於dedde調用javascript:; 跳轉到不同欄目頁的問題
• 2、android畫廊怎樣做出超炫效果
• 3、Android 畫廊怎麼讓第一張圖在最左邊
• 4、電腦培訓分享7大優秀的JavaScript庫

關於dedde調用javascript:; 跳轉到不同欄目頁的問題

看你有jquery就用jquery給你解決了

首先織夢調用的時候   我不是太懂你代碼都在哪個位置

比如如果h3那個div是的話

div class=”desc editor-format” id=”qieturl” eurl=”[field:arcurl/]”/div

!–給div一個自定義屬性儲存鏈接–

$(“[id=’qieturl’]”).click(){

    var dqurl = $(this).attr(“eurl”);

    $(“.link”).attr(“href”,dqurl);

}

android畫廊怎樣做出超炫效果

首先來看下面的效果：

從上面的圖片可以看到，當添加多張圖片的時候，能夠在下方形成一個畫廊的效果，我們左右拉動圖片來看我們添加進去的圖片，效果是不是好了很多呢？下面來看看怎麼實現吧！

上面的效果類似Android裡面ViewPage的效果，但是跟ViewPager有所不同，ViewPager每次只能顯示一張圖片。

其實我們是利用到了View的clipChildren屬性，我們在這裡要把ViewPager以及它的父窗體都設置為false，如下:

android:clipChildren=”false”

因為如果clipChildren屬性設置為true,就表明我們要將children給clip掉，就是說對於子元素來說，超出當前view的部分都會被切掉，那我們在這裡把它設置成false，就表明超出view的部分，不要切掉，依然顯示。

xml代碼部分：

!– 配置container和pager的clipChildren=false， 並且指定marginLeft 和 marginRight 的值–

LinearLayout

android:id=”@+id/container”

android:layout_width=”match_parent”

android:layout_height=”100dp”

android:clipChildren=”false”

android:gravity=”center_horizontal”

android:layerType=”software”

android:orientation=”horizontal”

android.support.v4.view.ViewPager

android:id=”@+id/viewpager”

android:layout_width=”match_parent”

android:layout_height=”match_parent”

android:layout_marginLeft=”110dp”

android:layout_marginRight=”110dp”

android:clipChildren=”false”

/android.support.v4.view.ViewPager

/LinearLayout

Java代碼部分：

// 1.設置幕後item的緩存數目

mViewPager.setOffscreenPageLimit(3);

// 2.設置頁與頁之間的間距

mViewPager.setPageMargin(10);

// 3.將父類的touch事件分發至viewPgaer，否則只能滑動中間的一個view對象

container.setOnTouchListener(new View.OnTouchListener() {

@Override

public boolean onTouch(View v, MotionEvent event) {

return mViewPager.dispatchTouchEvent(event);

}

});

Android 畫廊怎麼讓第一張圖在最左邊

下面上代碼，相關解釋都放在代碼里了。

1、建立一個新項目HelloGallery。

2、拷貝wallpaper_0.jpg…wallpaper_9.jpg 10個圖片文件到res/drawable目錄。

3、res/layout/main.xml文件的內容如下：

XML/HTML代碼

?xml version=”1.0″ encoding=”utf-8″?

framelayout android:layout_height=”fill_parent” android:layout_width=”fill_parent” xmlns:android=”” android:id=”@+id/FrameLayout01″

imageview android:layout_height=”fill_parent” android:layout_width=”fill_parent” android:id=”@+id/ImageView01″ android:src=”@drawable/wallpaper_0″

/imageview

gallery android:layout_height=”wrap_content” android:layout_width=”fill_parent” xmlns:android=”” android:id=”@+id/Gallery01″ android:spacing=”5dp”

/gallery

/framelayout

其中我們使用FrameLayout來實現疊加效果，使用ImageView來顯示大圖，Gallery來展示畫廊，android:spacing=”5dp” 屬性則是用來設置元素之間的間隔。

4、在res/values/目錄中新建一個attrs.xml內容如下：

XML/HTML代碼

?xml version=”1.0″ encoding=”UTF-8″?

resources

declare -styleable=”” name=”HelloGallery”

attr name=”android:galleryItemBackground”

/attr/declare

/resources

5、在MainHelloGallery.java中的內容如下：

Java代碼

package android.basic.lesson13;

import android.app.Activity;

import android.content.Context;

import android.content.res.TypedArray;

import android.os.Bundle;

import android.view.View;

import android.view.ViewGroup;

import android.widget.AdapterView;

import android.widget.AdapterView.OnItemClickListener;

import android.widget.BaseAdapter;

import android.widget.Gallery;

import android.widget.ImageView;

import android.widget.Toast;

public class MainHelloGallery extends Activity {

/** Called when the activity is first created. */

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

//定義UI組件

final ImageView iv= (ImageView)findViewById(R.id.ImageView01);

Gallery g = (Gallery) findViewById(R.id.Gallery01);

//設置圖片匹配器

g.setAdapter(new ImageAdapter(this));

//設置AdapterView點擊監聽器，Gallery是AdapterView的子類

g.setOnItemClickListener(new OnItemClickListener() {

@Override

public void onItemClick(AdapterView? parent, View view,

int position, long id) {

//顯示點擊的是第幾張圖片

Toast.makeText(MainHelloGallery.this, “” + position,

Toast.LENGTH_LONG).show();

//設置背景部分的ImageView顯示當前Item的圖片

iv.setImageResource(((ImageView)view).getId());

}

});

}

//定義繼承BaseAdapter的匹配器

public class ImageAdapter extends BaseAdapter {

//Item的修飾背景

int mGalleryItemBackground;

//上下文對象

private Context mContext;

//圖片數組

private Integer[] mImageIds = { R.drawable.wallpaper_0,

R.drawable.wallpaper_1, R.drawable.wallpaper_2,

R.drawable.wallpaper_3, R.drawable.wallpaper_4,

R.drawable.wallpaper_5, R.drawable.wallpaper_6,

R.drawable.wallpaper_7, R.drawable.wallpaper_8,

R.drawable.wallpaper_9 };

//構造方法

public ImageAdapter(Context c){

mContext = c;

//讀取styleable資源

TypedArray a = obtainStyledAttributes(R.styleable.HelloGallery);

mGalleryItemBackground = a.getResourceId(

R.styleable.HelloGallery_android_galleryItemBackground, 0);

a.recycle();

}

//返回項目數量

@Override

public int getCount() {

return mImageIds.length;

}

//返回項目

@Override

public Object getItem(int position) {

return position;

}

//返回項目Id

@Override

public long getItemId(int position) {

return position;

}

//返回視圖

@Override

public View getView(int position, View convertView, ViewGroup parent) {

ImageView iv = new ImageView(mContext);

iv.setImageResource(mImageIds[position]);

//給生成的ImageView設置Id，不設置的話Id都是-1

iv.setId(mImageIds[position]);

iv.setLayoutParams(new Gallery.LayoutParams(120, 160));

iv.setScaleType(ImageView.ScaleType.FIT_XY);

iv.setBackgroundResource(mGalleryItemBackground);

return iv;

}

}

}

電腦培訓分享7大優秀的JavaScript庫

現在有很多各種各樣的JavaScript庫，但這裡將介紹7個很優秀的可用於你下一個JavaScript項目的庫。

儀錶盤是用於目標或業務流程的視覺指示工具，也用於切割雜亂無章的數據，從而分割出要點的重要工具。它可幫助評估信息，並及時做出正確的決定。實時可視化的儀錶盤由圖標、測繪圖、圖形符號，以及數據表格等組成。

目前有一些開源或商業的庫用於創建儀錶盤。在本文中，我們將會展示一些可幫助創建美觀且可自定義的儀錶盤的JavaScript庫。

1.Gridster.js

Gridster是一個jQuery插件，可以從跨多個列的元素構建直觀的可拖拽布局。

它可以讓你從網格中動態添加或刪除小部件，甚至可以獲得一個具有所有小部件位置的對象的JavaScript數組，從而可以在以後使用這些數組來載入小部件。

2.angular-gridster

這是一個用於AngularJS的格子狀小部件的實現。它具有jQuerygridster插件等功能，也具有一些其他的功能。

它完全使用Angular指令重寫，還可以使用Angular的數據綁定功能。

3.gridstack.js

gridstack.js是一個用於小部件布局的jQuery插件，靈感來自gridster.js。這是一個可拖放的多列網格，可讓你構建可拖拽的響應式Bootstrapv3的友好布局，

它還適用於knockout.js,angular.js和觸摸設備。

4.jQueryGridly

Gridly是一個jQuery插件，電腦培訓建議可用於拖放以及在網格中調整大小。

5.Packery

Packery是一個JavaScript庫和jQuery插件，可用於生成無縫且可拖拽的布局。它使用bin-packing演算法來填充空隙。

它適合用於創建一個可拖拽的儀錶盤和無縫的「磚石圖像畫廊」布局。