手风琴特效练习

准备宽高相同的大图片5张,和jquery-1.11.1.min.js

 

	
		
		拉萨手风琴特效
		
		
		
	
	
		
test
test
test
test
  • 我的个人拉萨之旅 | | 故事之城

  • 我的个人拉萨之旅 | | 故事之城

  • 我的个人拉萨之旅 | | 故事之城

  • 我的个人拉萨之旅 | | 故事之城


小总结:
/*
			 * JavaScript 基于原型的动态解释性脚本语言
			 * 1.响应用户交互 事件
			 * 2.操作dom元素 增删改查 改变元素样式
			 * 3.前后端交互 数据结构   验证提高效率
			 *     ajax      json     正则表达式
			 * 4.开发框架 mvvm mvc mvp vue angular node
			 */
			/*
			 * 鼠标移动到某一个li上 这个li的宽度变为789px,其余的li宽度变为100px
			 *   元素li
			 *   事件 移入事件
			 *   行为 宽度变化(动画)
			 *  $() 用于选取页面上元素的方法
			 *  =   赋值给
			 *  var 创建鱼篓
			 *  $li 表示所有li节点的元素名称
			 *  
			 *  谁   在什么时候 ||触发了什么事件 谁做了什么事情
			 *  $li        鼠标移动.hover()    function(){}
			 *  .stop() 终止动画序列
			 *  .animate() 动画
			 *  .siblings() 兄弟元素
			 */

                    

你可能感兴趣的:(jquery应用,jquery,html,前端学习笔记)