Javascript网页特效案例教程(javascript网页特效案例教程电子书)
我想使用JavaScript制作一个图片特效,先在网页中插入一张png格式(因为png格式无背景)
不好意思不能实现,因为你内容可能是不规则图形
如果是整体加边框
img src="img.png" onmouseover="this.style.border='1px solid #808'" /
如何把js特效添加在自己做的网页中?
当要把JavaScript代码插入HTML页面里面,需要使用 script 标签(同时使用 type 属性来定义脚本语言)。
这样,script type="text/javascript" 和 /script 就可以告诉浏览器 JavaScript 从何处开始,到何处结束。
html body script type="text/javascript"xxxx/script /body /html
例如:xxxx字段是JavaScript代码效果执行,用来向页面写入输出。
把xxxx命令输入到 script type="text/javascript"与/script之间后,浏览器就会把它当作一条 JavaScript 命令来执行。这样浏览器就会向页面写入 "wwww"。
html body script type="text/javascript" document.write("wwww"); /script /body /html
最后的结果就会在页面上显示“wwww”效果,从而实现JS特效在页面上的插入。

怎么做一个像淘宝网那样功能的网页
精美网页特效设计技巧精粹
网页制作、网页图像处理、网页动画设计以及各种实用的特效制作等的方法与技巧,涵盖了网页版式设计、色彩设计、网页图形创意、网页图标设计、网页动画设计、网页字体设计、网页特效设计等。几乎涉及到了与网页相关的方方面面,全书内容丰富、自成体系、实例众多。
动态网页设计培训教程 动态网页设计培训教程
网页设计软件的使用方法和最新的网页设计技术。全书共分14章,分别介绍了网页设计的基础知识;超文本标记语言HTML,使用FrontPage 2000和Dreamweaver 3.0设计网页的要领;使用Photoshop 6.0 和ImageReady 3.0优化和处理WEB图像等内容。
JavaScript 动态网页经典实例教程
网页设计实例,介绍动态网页设计中的常用方法、重点和难点。这些实例包括了动态状态栏,动态文本框,应用时间,动态层,动态内容,动态位置,动态元素内容,滚动效果,动态页面导航,动态数据表单,动态表格等内容。读者对象该书适合于广大的网页设计从业人员,为动态网页开发设计中需要解决的实际问题提供 ...
网页美术设计入行实战(全彩)(含光盘1张) 网页美术设计入行实战(全彩)(含光盘1张)
网页美术设计行业分析;就业指导;小型商业网页设计;大型商业网站设计;通过实际工作的案例以及虚拟应用场景,将每个案例的使用环境描述出来,涉及了网页设计在实际应用中使用的软件Flash,Dreameaver的使用,网页制作的技巧,并对一些陌生的或不常用的功能做了提示性的说明与解析。有多个实际案例供参考;网页设计的经验 ..
网上筑巢--循序渐进设计网页
网页.包括输入文字后设置格式,使网页内容更加鲜明,增加图片使网页更加生动,增加声音让网页学会"说话"等.此外还介绍网页制作高手的很多决窍.本书的读者对象是准备上网或已经上网,但上网经验不足的初学者.
如果你真的想学习编程,那下面这些书是比不可少的。
JavaScript基础与实践教程
本书在介绍JavaScript相关知识的基础上,主要结合实例讲解JavaScript的实际应用。内容主要包括JavaScript语言的语法、 JavaScript面向对象的特性、调试JavaScript、JavaScript结合CSS应用于WEB编程、JavaScript的Dom编程、 JavaScript的基础应用、服务器端的应用、通过综合实例介绍JavaScript的高级应用。
边学边用JAVASCRIPT
JAVASCRIPT是实现网页动态性、交互性的脚本语言。本书通俗易懂,按照循序渐进的方法详细介绍了JAVASCRIPT的基本概念, HTML基本知识、JAVASCRIPT的基本语法及其内置对象和浏览器对象。书中对于每个知识点都配备了相应的实例,帮助读者加深理解。本书适合为 JAVASCRIPT初学者的培训教材,也可以作为中、高级网页编程 ...
网页样式设计――CSS使用详解 网页样式设计――CSS使用详解
CSS的基本概念、CSS属性、格式化模型以CSS单位等。此外,对于CSS的延伸扩展部分也做了全面的介绍,包括CSS定位技术、打印支持、框架结构、声音CSS滤镜变换效果等。书中附有大量实用例子帮助读者掌握和编写样式表单文档。本书内容翔实,深入浅出,是网络开发人员和网络爱好者的理想参考书。
网页制作全接触――HTML 4.0 CSS 网页制作全接触――HTML 4.0 CSS
CSS的内容,包括HTML 4.0各个标记的语法和属性,CSS各上属性的语法和属性值,同时介绍了两者在Dreamweaver中的实现,提供大量灵活使用HTML 4.0和CSS制作动态网页的实例。本书第一部分是590811及其应用,第二部分是CSS及其应用,附录中了JavaScript参考手册、CSS兼容性列表和字符实体集。
网页设计与制作――MX 2004(第2版)
网页制作套装软件Macromedia Studio MX2004中的网页制作三剑客为主要内容,介绍客户端网页的制作。全书共分9章,第1章网页制作基础,介绍与网页制作有关的基础知识;第2章至第5章介绍Dreamweaver MX2004的使用,其中穿插介绍CSS、JavaScript在网页中的应用;第6章和第7章介绍Fireworks MX2004的使用;第8章和第9章介绍F ...
精通ASP网络编程
ASP网络编程技术的实用教程。书中举例大量典型实用,综合了众多ASP程序员的实际开发经验。本书适合广大网络设计和开发人员以及对ASP感兴趣的编程爱好者阅读。
ASP开发实例(1CD)
ASP进行Web开发。主要内容有:ASP基本对象的使用,在ASP中使用第三方或自制的ActiveX控件,数据库对象的使用和设计,SQL语句的使用等。本书内容由浅入深,论述深入、全面,实例覆盖了ASP编程的大部分内容,每个实例着重介绍一个或几个知识要点。此外,还附有源程序代码多媒体光盘,帮助ASP爱好者快速深入地掌握ASP编程? ...
高校计算机教程系列 JSP实用教程
JSP运行环境的配置、JSP语法、JSP内置对象、JSP与文件、JSP与数据库、JSP与JavaBrsnd等内容;第7章至第8章介绍了怎样使用JSP技术创建完整的网站。第9章讲述Java Servlet,针对JSP与servlet结合开发网站做了详细的介绍
JSP实用案例教程
JSP)程序设计技术。主要内容包括:B/S开发模式和主流技术介绍,JSP编程基础,在Windows 2000/XP和Linux环境下JSP运行环境的配置过程,HTML与JSP的交互过程,JSP中的页面元素,编译指令和操作指令,JSP中常用的对象,JDBC,JavaBean,JSP的综合应用举例,Servlet的概念和使用,如何在JSP中应用XML,JSP的高级应用以及? ...
PHP与MySQL5程序设计(第2版)
PHP脚本语言和MySQL数据库这两种目前最流行的开源软件,主要内容包括PHP和MySQL基本概念、PHP扩展与应用库、日期和时间功能、 PHP数据对象扩展、PHP的mysqli扩展、MySQL 5的存储例程、触发器和视图等。本书实用性强,帮助读者学习PHP编程语言和MySQL数据库服务器的最佳实践,了解如何结合这些卓越的技术创建数据库驱动的 ...
把这些书看完了,然后去看国外的开源书店代码。
推荐一个PHP的。
求助一下--谁知道好点的JavaScript网页特效教程吗??
xin3721视频教程网有这方面教程,好像是李天生老师讲的,我朋友看过以后觉得不错,还推荐给了我,挺详细得,推荐你去看看吧
javascript实例 有哪些网站有javascript实例
到verycd.com上查找《JavaScript网页特效范例宝典》,同时可以下载到随书光盘,够你用的了。
如何实现网页特效?
图片不间断滚动代码:
/p
div id=demo style=overflow:hidden;height:300;width:150
div id=demo1
img src='roll/1.png'br
img src='roll/2.png'br
img src='roll/3.png'br
img src='roll/4.png'br
img src='roll/5.png'br
img src='roll/6.png'br
img src='roll/7.png'br
img src='roll/8.png'br
img src='roll/3.png'br
img src='roll/4.png'br
img src='roll/5.png'br
img src='roll/6.png'br
img src='roll/7.png'br
img src='roll/8.png'br
img src='roll/2.png'br
/div
div id=demo2/div
/div
p
script
var speed=30;
demo2.innerHTML=demo1.innerHTML
function Marquee()
{
if(demo2.offsetTop-demo.scrollTop=0)
demo.scrollTop-=demo1.offsetHeight;
else
demo.scrollTop++;
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
/script
/p
插入音乐代码:
1. 如何贴rm,ra,ram类型的音乐,代码如下:
embed width="0" height="0" type="audio/x-pn-realaudio-plugin" autostart="true" controls="ControlPanel" src="";
2. 如何贴midi,asf,wma,asx类型的音乐,代码如下:
embed autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" src="";
滚动字幕代码:
1.建立第一个滚动字幕。代码:
marquee width="200" height="100" direction="right" behavior="alternate" scrollamount="6" scrolldelay="88"欢迎光临1/marquee
2.各参数详解:
a)scrollAmount。它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3比较好。
b)width和height,表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值。
c)direction。表示滚动的方向,默认为从右向左:←←←。可选的值有right、down、up。滚动方向分别为:right表示→→→,up表示↑,down表示↓。
d)scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的。
e)behavior。用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)