论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Javascript教程
Tag:验证,特效,入门,实例,验证,表单,特效,正则表达式,跑马灯,document,函数,代码,getElementByID,菜单,图片,视频教程

jQuery实现网页精美幻灯片特效的21个实例

文章类别:Javascript | 发表日期:2011-6-13 10:09:20

幻灯片效果的应用在如今的网页设计中非常流行,这是一种突出重点,增强视觉趣味的有效方法。从技术角度来说,jQuery的流行使得幻灯片的实现变得十分简单。

下面列举了幻灯片在网页设计中应用的21个优秀案例,一起欣赏。

Marco Rotoli

slider14

Mark Dearman

slider02

Filtered – A Portfolio WordPress Theme

portfolio wordpress theme

Bitfoundry

slider03

slider03a

Bigeye

slider04

Stiff Rowlands

slider05

Rodania

slider06

Buro Maisengasse

slider07

Mathieu Clauss

slider08

elless

slider09

Idyllic Creative

slider10

Redefine

slider01

slider11

Escape Module Studio

slider12

Allan Yu

slider13

PTARMAK

slider15

Banneton Bakery

slider16

Saville’s Dovecotes

slider17

Instrument

slider18

CXXVI

slider19

Jérôme Détraz

slider20

jQuery实现网页精美幻灯片特效的21个实例

大家可以看一下本站的javascript视频教程

javascript视频教程简介

前言介绍:

   Javascript做为一门脚本语言,在web2.0的到来越来越发挥着重要的作用,系统的掌握javascript变的越来越紧切。
   本教程共六课,95集。由“21视频教程网”www.21shipin.com 精心打造,每个知识点都对应着实例进行贯通巩固,并提供了对应实例的源码下载,及作业的讲解视频,老师答疑等,内容主要包括:javascript的基础语法,函数,document对象,location对象,history对象,事件对象,特效的制作等,知识点讲解由浅入深,辅以实例进行深化理解和掌握,是做为网页制作开发入门的一套非常不错的视频教程!

学习本教程前,最好有在DreamWeaver等可视化网页工具中制作网页及C语言学习的经验!

后继推荐学习流程:

  1. Javascript --> Access --> Asp (asp动态网站开发程序员)
  2. Javascript --> Access --> Php (php动态网站开发程序员)

[已发布完成]

交流答疑
参考教材: javascript脚本编程[学习怎么少得了教材]
前期知识: Dreamweaver 8, C 程序设计 [使用软件]:Dreamweaver 8
课程总目标:
  1. 对javascript编程有个比较初步系统的掌握
  2. 能够比较熟练的使用顺序,选择,循环结构的语句进行代码的编写
  3. 并能使用系统自带的函数和自己定义函数
  4. 使用javascript语句验证客户端注册表单
  5. 使用javascript 对客户端元素进行操作
  6. 使用javascript制作基本的网页特效
[课程总目标视频]    [学完该课程我能做什么]  
 

javascript视频教程第一课

索材示例源码下载   
课程目标:

1. Javascript 基础知识介绍
2. 编程环境
3. 编写第一个Javascript程序
4. 变量的概念
5. 运算符介绍
6. 表达式的概念
7. 部分常用函数介绍(输入,输出)

课程总目标 课程目标 javascript概论
javascript编程环境 第一个javascript程序,及注意事项 javascript变量申明和命名
javascript变量赋值 javascript例1 输入输出函数(prompt,alert)
编写程序求8-5的值 用户随意(从大到小)输入两个数,求两个数之间的差 表达式概念,运算符优先级等
用户输入两门成绩,输出总分,平均分 总结  
 

javascript视频教程第二课

索材示例源码下载   
课程目标:
  1. 选择结构:
    • if
    • switch
课程目标 选择结构if else 选择结构if注意事项
跟据用户输入的数,判断输出是奇数还是偶数 判断用户输入是否正确 判断用户输入的年份是否是闰年
多分支选择结构switch case 三种选择语句的比较 跟据用户输出的数字输出成语
总结及注意事项    
 

javascript视频教程第三课

索材示例源码下载   
课程目标:
  1. 循环结构
    • for
    • while
课程目标 for循环语法 for循环语法2
用户输入任意数,输出任意次"欢迎进入" 求0-100所有数的和 求0-用户输入任意数的和
求任意两整数间偶数和 求任意两整数间能被3或5整除数的和 while循环
for,while比较 break 总结
论坛交流
 

javascript视频教程第四课

索材示例源码下载   
课程目标:
  1. String对象
  2. Date对象
  3. Math对象
课程目标 课程目标2 String对象length属性
String对象charAt()方法 String对象indexOf()及lastIndexOf方法 substring()方法
replace()方法 toLowerCase()及toUpperCase()方法 判断载取指定长度字符
判断是否有指定字符 Date对象的属性和方法 Date对象输出年月日
getDay()方法获取星期几 Date对象输出时分秒 Math对象abs()方法
Math对象ceil()方法 Math对象floor()方法 Math对象max及min方法
Math对象pow()方法 Math对象random()方法 Math对象round()方法
论坛交流
 

javascript视频教程第五课

索材示例源码下载   
课程目标:
  1. 数组
  2. 函数
课程目标 数组定义及赋值 数组循环赋值方式
数组例题 函数的定义格式 以中国人的习惯输出年月日
求任意两个数的平均数(函数) 函数的类型 用函数截取指定长度字符
输出当前的星期几(函数) 用户输入半径,输出圆面积(函数) 用户输入两个数,求这两个数之间的所有数的和
函数及数组总结    
论坛交流
 

javascript视频教程第六课

索材示例源码下载   
课程目标:
  1. 获取文档中指定的对象
  2. 事件及事件处理程序
  3. 常用系统函数
  4. 综合实例:
    • 表单验证
    • 心理测试
    • 复选框全选全不选反选效果
    • 搜索框的人性化
    • 制作随鼠标移动动态改变输入框边框色
    • 显示隐藏层
    • 显示隐藏层2
    • 树形下拉菜单
    • 设为首页和加入收藏
    • 禁止复制
    • 计算星期
    • 跳动的时间
    • sohu的TAB切换效果
    • 浮动广告
    • 下拉列表移动

 

交流答疑
课程目标 获取文档中指定的对象 获取文档中指定的对象注意
事件及事件处理程序 表单验证 表单验证(是否为空及长度验证)
表单验证(身份证验证) 表单验证(复选框单选框验证) 表单验证(email验证)
表单验证—人性化: innerHTML 心理测试
复选框全选,全不选,反选效果 制作随鼠标移动动态改变输入框边框色 设为首页和加入收藏代码
禁止复制 显示隐藏层 跳动的时间
下拉菜单 sohu的TAB切换效果 history.back()
history.go location.href confirm
总总结

视频教程列表
文章教程搜索
 
Javascript推荐教程
Javascript热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058