Mootools层拖动实例,带排版功能_Mootools
缂備礁娲﹂埅绀慹deCMS閻熸瑥妫濋。鍫曞极濞嗘垟鏌�濞戞梹澹嗛埞鏍⒒閿燂拷 缂佸鍠愬﹢鍥礉閳ヨ櫕鐝� 闂侇偄顦辩紞澶屾兜閺囨氨闉嶉柤杈ㄦ缁憋拷 闁哄啰濮撮崪鏍博濞嗘挻姣愮€规悶鍎遍崣锟�,闁谎勫劤鐎规娊寮堕崘顔兼濞戞挴鍋撻梺娆惧枛閸欏繘寮婚敓锟�!

基于Mootools的网页层拖动实例,带有自动排版功能,本实例中包含三段代码:
第一段代码就是引入Mootools,定义CSS中的position:relative ,注意这里如果不定义position,Mootools会自动将其定义为absolute,因此你最好是定义一下;
第二段代码是拖动模块,分为两列,一列中有两个拖动模块,如果你对CSS技术很熟悉的话,你完全可以将table换为DIV。
第三段代码是最核心的拖动和排版功能代码,你需要仔细看看。
閳藉甯归懡鎰▏閻€劏绻€闂嗛攱鍨ㄨ箛顐ユ簠缁涘顦跨痪璺ㄢ柤娑撳娴囨潪顖欐娑撳娴囬張顒傜彲鐠у嫭绨妴锟�
閳藉婀惂璇茬秿娴兼艾鎲抽弮鐘崇《娑撳娴囬敍宀€娅ヨぐ鏇炴倵閸欘垵骞忓妤佹纯婢舵矮绌堕崚鈺佸閼虫枻绱濇俊鍌涙弓濞夈劌鍞介敍宀冾嚞閸忥拷濞夈劌鍞�閵嗭拷
閳藉顩ч弸婊勬箛閸斺€虫珤閺嗗倷绗夐懗鎴掔瑓鏉炲€燁嚞缁嬪秴鎮楅柌宥堢槸閿涗焦鈧粯妲告稉宥堝厴娑撳娴囬敍宀冾嚞閻愯鍨滈幎銉╂晩,鐠嬨垼闃块崥鍫滅稊閿涳拷
閳藉婀扮粩娆愬閺堝绁┃鎰剁礄閸栧懏瀚Ο鈩冩緲閵嗕胶绀岄弶鎰┾偓浣借拫娴犺翰鈧礁鐡ф担鎾剁搼閿涘绮庢笟娑橆劅娑旂姳绗岄崣鍌濃偓鍐跨礉鐠囧嘲瀣侀悽銊ょ艾閸熷棔绗熼悽銊┾偓鏂烩偓锟�
閳藉顩ч張澶婂従娴犳牠妫舵0姗堢礉鐠囧嘲濮為弮鐘插挅缂冩垹鐝拋鎹愵吀娴溿倖绁︾紘锟�(29061111)鏉╂稖顢戞禍銈嗙ウ閵嗭拷
閳藉姹夊鎴濈娑撳抖B濮瑰洨宸兼稉锟�1濮o拷100,閸楋拷1閸忥拷=100UB.閺堝鎹㈡担鏇犳瀿闂傤喛顕�閼辨梻閮寸€广垺婀�閿涳拷
閳藉婀惂璇茬秿娴兼艾鎲抽弮鐘崇《娑撳娴囬敍宀€娅ヨぐ鏇炴倵閸欘垵骞忓妤佹纯婢舵矮绌堕崚鈺佸閼虫枻绱濇俊鍌涙弓濞夈劌鍞介敍宀冾嚞閸忥拷濞夈劌鍞�閵嗭拷
閳藉顩ч弸婊勬箛閸斺€虫珤閺嗗倷绗夐懗鎴掔瑓鏉炲€燁嚞缁嬪秴鎮楅柌宥堢槸閿涗焦鈧粯妲告稉宥堝厴娑撳娴囬敍宀冾嚞閻愯鍨滈幎銉╂晩,鐠嬨垼闃块崥鍫滅稊閿涳拷
閳藉婀扮粩娆愬閺堝绁┃鎰剁礄閸栧懏瀚Ο鈩冩緲閵嗕胶绀岄弶鎰┾偓浣借拫娴犺翰鈧礁鐡ф担鎾剁搼閿涘绮庢笟娑橆劅娑旂姳绗岄崣鍌濃偓鍐跨礉鐠囧嘲瀣侀悽銊ょ艾閸熷棔绗熼悽銊┾偓鏂烩偓锟�
閳藉顩ч張澶婂従娴犳牠妫舵0姗堢礉鐠囧嘲濮為弮鐘插挅缂冩垹鐝拋鎹愵吀娴溿倖绁︾紘锟�(29061111)鏉╂稖顢戞禍銈嗙ウ閵嗭拷
閳藉姹夊鎴濈娑撳抖B濮瑰洨宸兼稉锟�1濮o拷100,閸楋拷1閸忥拷=100UB.閺堝鎹㈡担鏇犳瀿闂傤喛顕�閼辨梻閮寸€广垺婀�閿涳拷

相关Mootools:
- AutoTab 基于Mootools自动切换标签的选项卡
- validator 基于Mootools的表单验证插件 v4.0
- Mootools 鼠标经过拉开图片特效
- Mootools 鼠标滑动展开的图形菜单
- Image Menu图片伸缩特效(CSS+Mootools)
- Sexy Lightbox 2.3 内容修饰框插件Mootools版
- Calendar-eightysix jQuery和Mototools共同打造的日历插件
- Ajax+Json一些常用的小插件实例集
- SmoothGallery 动态标题及翻滚的Mootools相册
- Mootools slideshow 幻灯片效果
- Mootools slider 滚动条拖动取值的实现
- Mootools Ajax实例代码集
- 相关链接:
- 特效说明:
Mootools-Mootools层拖动实例,带排版功能
。