css js簡單應用

2022-01-30 10:41:59 字數 3946 閱讀 7659

趁著週末,有時間也有心情,再次發表個網上已經有過很多例子的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的功底,只要基礎紮實了,應付移動端的相...