Dreamweaver CS3集成Spry效果图文教程

在如今Web2.0盛行、AJAX流行的时代背景下，Adobe公司的轻量级的AJAX框架Spry，尤其是当Spry集成到Dreamweaver cs3时，这无疑是最令人兴奋的。

排除与用户交互有关的Spry XML数据交互和Spry相关窗口组件不谈，最先让用户上手的就是Spry所带来的Ajax视觉效果了。在Dreamweaver cs3单击相关按钮就可以轻松地向页面元素添加视觉过渡, 以使它们扩大选取、收缩、渐隐、高光等等。

1，Spry Menu Bar

使用该按钮可以创建横向或纵向的网页下拉或弹出菜单，Spry框架集成的SpryMenuBar.js脚本文件无需我们来编写菜单弹出代码，同时，菜单栏目均采用基于Web标准的HTML结构形式，编辑方便。

横向菜单测试地址：http://www.dreamweavercs3.cn/demo/spry/spry_01.html

纵向菜单测试地址：http://www.dreamweavercs3.cn/demo/spry/spry_02.html

2，Spry Tabbed Panels

对于Windows操作系统用户来说，选项卡功能并不陌生，但要在网页中实现该功能确不是很轻松，现在借助Spry tabbed panels可以很快完成，并且在Dreamweaver CS3中可以直接选择各个主选项卡内的内容进行编辑。

测试地址：http://www.dreamweavercs3.cn/demo/spry/spry_03.html

3，Spry Accordion

我们都使用过QQ聊天软件，当选择“QQ好友”、“QQ群”或“最近联系人”时，单击该名称就可上下自由滑开所选择的内容而整个窗口不会发生变化。同样，在网页应用中，我们曾经为这些的“QQ菜单”而绞尽脑汁，现在，使用Spry accordion轻松搞定。

赞 (0)

相关推荐

  • Dreamweaver CS3集成Spry效果图文教程

    Dreamweaver CS3集成Spry效果图文教程

    在如今Web2.0盛行.AJAX流行的时代背景下,Adobe公司的轻量级的AJAX框架Spry,尤其是当Spry集成到Dreamweaver cs3时,这无疑是最令人兴奋的. 排除与用户交互有关的Spry XML数据交互和Spry相关窗口组件不谈,最先让用户上手的就是Spry所带来的Ajax视觉效果了.在Dreamweaver cs3单击相关按钮就可以轻松地向页面元素添加视觉过渡, 以使它们扩大选取.收缩.渐隐.高光等等. 1,Spry Menu Bar 使用该按钮可以创建横向或纵向的网页下拉或

  • Photoshop 滤镜制作彩色拉丝效果 图文教程

    Photoshop 滤镜制作彩色拉丝效果 图文教程

    效果图: 1.启动Photoshop CS2中文版,新建一个文档. 2.按D键将前景色重置为默认的黑色,然后按Alt+Del将背景图层填充为黑色. 3.选择菜单命令"滤镜|渲染|镜头光晕",在"镜头光晕"对话框中保持默认设置,通过单击"光晕中心"下方框中的中心点,将光晕设置在画布中心,如图所示: 4.再次选择菜单命令"滤镜|渲染|镜头光晕",仍保持默认设置,只是这次把光晕中心设置在如图所示的位置: 5.继续重复上面的步骤数次,

  • 非集成环境的php运行环境（Apache配置、Mysql）搭建安装图文教程

    非集成环境的php运行环境（Apache配置、Mysql）搭建安装图文教程

    本文为大家分享了php运行环境搭建安装图文教程,供大家参考,具体内容如下 安装apache: 1,不要安装到有中文的目录中: 2,尽量将apache,php,mysql安装到一个总的目录,便于管理. 3,尽量将之前安装的amp集成安装环境删除,并删除已经配置的环境变量: 此处是服务器名称的设置,可以随便输入,完成之后可用IP或者localhost来进行访问, 邮箱随便填写,保证邮箱格式的正确 apache安装后的默认主页(站点)的位置为: apache的安装位置/htdocs/ localhos

  • Android开发微信小程序页面的图文教程

    Android开发微信小程序页面的图文教程

    初识Android Android是我们在日常生活中注视最久的,我们所使用的所有手机APP基本上都可以在Android上运行.而这次我们将开发一个app页面. Android Studio Android Studio 是谷歌推出的一个Android集成开发工具,基于IntelliJ IDEA. 类似 Eclipse ADT,Android Studio 提供了集成的 Android 开发工具用于开发和调试.大概就是一个开发工具. 项目介绍 我们会首先建立大概的框架,会将一个页面分为三个部分.下

  • Win2003 IIS 安装方法 图文教程

    Win2003 IIS 安装方法 图文教程

    一般大家先安装好win2003系统,图文教程 Win2003 服务器系统安装图文教程要通过控制面板来安装.具体做法为: 1. 进入"控制面板". 2. 双击"添加或删除程序". 3. 单击"添加/删除 Windows 组件". 4. 在"组件"列表框中,双击"应用程序服务器". 5. 双击"Internet 信息服务(IIS)". 6. 从中选择"万维网服务"及&qu

  • 支付宝支付开发IOS图文教程案例

    支付宝支付开发IOS图文教程案例

    前言:继上次<微信支付开发IOS图文教程案例>以来,一直没有太多时间,更新总结详细支付这样的长篇大论,很抱歉.今天,推出支付宝支付的详细流程. 1.开始下载和查看支付宝支付的Demo. 我们直接进入支付宝的支付平台参考来进行集成支付宝支付: https://doc.open.alipay.com/doc2/detail.htm?spm=a219a.7629140.0.0.jIUkAQ&treeId=59&articleId=103675&docType=1 集成过程基本

  • Windows Server 2008 R2 下配置证书服务器和HTTPS的图文教程

    Windows Server 2008 R2 下配置证书服务器和HTTPS的图文教程

    前言 2017年1月1日起App Store上的所有App应用将强制开启ATS功能. 苹果的ATS(App Transport Security)对服务器硬性3点要求: ① ATS要求TLS1.2或者更高,TLS 是 SSL 新的别称. ② 通讯中的加密套件配置要求支持列出的正向保密. ③ 数字证书必须使用sha256或者更高级的签名哈希算法,并且保证密钥是2048位及以上的RSA密钥或者256位及以上的ECC密钥. 配置环境 Windows版本:Windows Server 2008 R2 E

  • Windows下修改Bios，安装惠普 HP OEM XP [图文教程]

    Windows下修改Bios，安装惠普 HP OEM XP [图文教程]

    为什么偏偏要装HP的XP呢,嘿嘿,HP的SP2是目前已知的最小的系统恢复光盘,只有497M.相当于半个精简版系统了.我一直用03,偶尔用XP时也是用联想的.可近日换了机器,用了联想锋行8000A的机器,装联想XP总是一卡一卡的,很是郁闷,于是决定试试HP的XP,用了之后感觉很好.没有卡的问题,心情很爽快,好东西不敢独享于是写了这个图文教程.希望朋友们能常来<系统之家>多多支持我.谢谢~! 很多网站以前早已做过介绍修改BIOS,安装HP OEM Windows XP,但几乎都是基于DOS环境下的

  • 初学者易上手的SSH-struts2 01环境搭建(图文教程)

    初学者易上手的SSH-struts2 01环境搭建(图文教程)

    首先,SSH不是一个框架,而是多个框架(struts+spring+hibernate)的集成,是目前较流行的一种Web应用程序开源集成框架,用于构建灵活.易于扩展的多层Web应用程序. 集成SSH框架的系统从职责上分为四层:表示层.业务逻辑层.数据持久层和域模块层(实体层). Struts作为系统的整体基础架构,负责MVC的分离,在Struts框架的模型部分,控制业务跳转,利用Hibernate框架对持久层提供支持.Spring一方面作为一个轻量级的IoC容器,负责查找.定位.创建和管理对象及

  • windows下的WAMP环境搭建图文教程(推荐)

    windows下的WAMP环境搭建图文教程(推荐)

    本篇文章主要是讲一下我自己安装wamp环境的一些步骤和见解,前方多图预警,慎入!!!!! PHP运行环境 : Linux下的三种安装方式:源码包安装.rpm包安装.集成环境安装(lnmp) windows安装的两种方式:单个下载安装.集成环境安装(AppServ,phpstudy,wamp) 在Windows系统上安装PHP开发环境: 所需软件分别独立安装: 安装前准备 安装Apache 安装MySQL 安装PHP 安装phpMyA 软件名称 下载地址 Apache下载 http://httpd

随机推荐