趁著週末,有時間也有心情,再次發表個網上已經有過很多例子的js控制左右滾動的**,還是那句話,為了大家用之方便也為自己拿之方便。
doctype
html
public
"-//w3c//dtd html 4.0 transitional//en">
<
html
dir="ltr"
lang
="it"
xml:
lang
="it"
xmlns
="">
<
head
>
<
title
>css+js控制展示
title
>
<
style
>
body
#outer
#focus
#description
.dis
#description
ul, #description
li .content
a:active,
.content
a:visited,
.content
a:link
.content
a:hover
imgstyle
>
head
>
<
body
>
<
divid
="outer">
<
divid
="focus">
<
divclass
="dis">
<
imgid
="img_l"
alt="向左滾動"
alt="向右滾動"
onclick
="doslide(1)"
src="../images/right.gif"
/>
div>
div>
div>
<
script
>
varok_obj=document.getelementbyid("content").getelementsbytagname("li")
varok=math.ceil(ok_obj.length/6)-1
var ele=document.getelementbyid("description");
var w=ele.clientwidth;
var n=20,t=50;
var timers=new array(n);
var k=0;doslide(0);
function
doslide(s),(i+1)*t);
})();
}}script
>
body
>
html
>
CSS JS實現簡單的時鐘
之前在 上看到過別人用幾行css 就實現了乙個簡單的時鐘,感覺挺有趣的,就自己仿照著也實現了一下。感覺裡面用到的知識點都挺適合新手學習的,所以貼出來和大家一起學習學習。下面是實現後的效果圖。實現的原理很簡單,但是裡面也有些需要注意的地方。首先看html結構,整個時鐘包含在乙個div中,在父div中又...
css js簡單實現table固定首行首列
使用easyui等都可以實現table固定首行首列的功能。但僅僅只需要這乙個功能,完全可以用css js簡單實現而不用引入更多工具。網上找到很多的思路,自己對其中比較簡單的乙個進行了整理。如上圖 1 整個頁面分成 左右 兩部分 2 左邊分為 上下 兩部分 3 右邊分為 上下 兩部分 紅色框比較特殊,...
css,js移動資源
隨著移動市場的逐步擴大及相關技術的日趨完善,對前端開發提出了新的崗位要求,在繼承前人成果的基礎上需要在新的歷史條件下有新的創新。移動端的開發,雖然沒有ie6眾多問題的折磨,但是多平台,多裝置的相容,也是如惡夢般存在。不過話說回來,著重還是考驗基礎的css 2.x的功底,只要基礎紮實了,應付移動端的相...