筋斗雲案例

**思路

1.利用動畫函式做動畫效果

2.原先筋斗雲的起始位置是0

3.滑鼠經過某個小 li，就把當前小 li 的 offsetleft 位置作為目標值即可

4.滑鼠離開某個小 li ，就把目標值設為0

5.如果點選了某個小 li，就把 li 當前的位置儲存起來，作為筋斗雲的起始位置。

html**

<

div 
id="c_n**"
class
="c-n**"
>
<
span 
class
="cloud"
>
span
>
<
ul>
<
li class
="current"
><
a href
="#"
>首頁新聞
a>
li>
<
li><
a href
="#"
>師資力量
a>
li>
<
li><
a href
="#"
>活動策劃
a>
li>
<
li><
a href
="#"
>企業文化
a>
li>
<
li><
a href
="#"
>招聘資訊
a>
li>
<
li><
a href
="#"
>公司簡介
a>
li>
<
li><
a href
="#"
>我是佩奇
a>
li>
<
li><
a href
="#"
>啥是佩奇
a>
li>
ul>
div>

css**

<

style
>
* ul 
body 
.c-n** 
.c-n** ul 
.c-n** li 
.c-n** li a 
.c-n** li a:hover 
.c-n** li.current a 
.cloud 
style
>

js**

<

script
>
window.addeventlistener(
'load', 
function
() )
//(2) 滑鼠離開就回到起始位置
lis[i].addeventlistener(
'mousele**e', 
function
() )
//(3) 當我們滑鼠點選，就把當前位置作為目標值
lis[i].addeventlistener(
'click', 
function
() )}})
script
>

筋斗雲介面程式設計

隨著移動網際網路的快速發展，各行業對手機應用開發需求旺盛。應用開發一般分為前端和後端，後端關注資料和業務，需要對前端各類應用 如安卓應用 蘋果應用 h5應用等 提供基於http協議的互動介面。筋斗雲使用php語言開發的，實現了 分布式物件訪問與許可權控制架構 daca 中的規約，提供的http介面符...

基礎 offset偏移 筋斗雲

offset 偏移尺寸 大小相關，content padding border offsetwidth 自己的寬度 offsetheight 自己的高度 定位相關 content padding 實際上是到有定位的父級 的距離offsetparent body預設有定位 數值，唯讀，無定位亦可 of...

筋斗雲介面程式設計 常用操作（一）

函式mparam用來取必傳引數 m表示mandatory 引數既可以用url引數，也可以用post引數傳遞。如果是取乙個可選引數，可以用param函式。與直接用php的 get等變數相比，param mparam可指定引數型別，如 取id引數，特別地，對id引數會返回乙個整數。id param id...