如何用js实现点击图片切换另一图片，再次点击恢复？
方法如下 window.onload=function(){ var Imgbtn=document.getElementById('btn'); var Img=document.getElementById('img'); Imgbtn.onclick=function(){ if(Img.src=='http://dl.bizhi.sogou.com/images/2012/01/19/191337.png') { Img.src='http://pic3.nipic.com/20090701/2847972_130628068_2.jpg'; }else{ Img.src='http://dl.bizhi.sogou.com/images/2012/01/19/191337.png' } } } 试客小兵 扩展资料JavaScript是一种脚本语言，其源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行。直译语言的弱点是安全性较差，而且在JavaScript中，如果一条运行不了，那么下面的语言也无法运行。而其解决办法就是于使用try{}catch(){}︰Javascript被归类为直译语言，因为主流的引擎都是每次运行时加载代码并解译。V8是将所有代码解译后再开始运行，其他引擎则是逐行解译（SpiderMonkey会将解译过的指令暂存，以提高性能，称为实时编译），但由于V8的核心部份多数用Javascript撰写（而SpiderMonkey是用C++），因此在不同的测试上，两者性能互有优劣。与其相对应的是编译语言，例如C语言，以编译语言编写的程序在运行之前，必须经过编译，将代码编译为机器码，再加以运行。参考资料：百度百科 JavaScript编程
请问一下如何用JS制作这种效果：按一下按钮，换一张图片。
挺复杂的程序：using System; using System.Web; using System.Drawing; using System.Drawing.Drawing2D; using System.Web.SessionState; public class WaterMark : IHttpHandler, IRequiresSessionState { // 要使用session必须实现该接口需要导入System.Web.SessionState命名空间 public void ProcessRequest(HttpContext context) { string checkCode = GenCode(5); // 产生5位随机字符 context.Session["Code"] = checkCode; //将字符串保存到Session中，以便需要时进行验证 System.Drawing.Bitmap image = new System.Drawing.Bitmap(70, 22); Graphics g = Graphics.FromImage(image); try { //生成随机生成器 Random random = new Random(); //清空图片背景色 g.Clear(Color.White); // 画图片的背景噪音线 int i; for (i = 0; i < 25; i++) { int x1 = random.Next(image.Width); int x2 = random.Next(image.Width); int y1 = random.Next(image.Height); int y2 = random.Next(image.Height); g.DrawLine(new Pen(Color.Silver), x1, y1, x2, y2); } Font font = new System.Drawing.Font("Arial", 12, (System.Drawing.FontStyle.Bold)); System.Drawing.Drawing2D.LinearGradientBrush brush = new System.Drawing.Drawing2D.LinearGradientBrush(new Rectangle(0, 0, image.Width, image.Height), Color.Blue, Color.DarkRed, 1.2F, true); g.DrawString(checkCode, font, brush, 2, 2); //画图片的前景噪音点 g.DrawRectangle(new Pen(Color.Silver), 0, 0, image.Width - 1, image.Height - 1); System.IO.MemoryStream ms = new System.IO.MemoryStream(); image.Save(ms, System.Drawing.Imaging.ImageFormat.Gif); context.Response.ClearContent(); context.Response.ContentType = "image/Gif"; context.Response.BinaryWrite(ms.ToArray()); } finally { g.Dispose(); image.Dispose(); } } /// /// 产生随机字符串 /// /// 随机出几个字符 /// 随机出的字符串 private string GenCode(int num) { //根据需要产生的字符进行设置 string str = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ"; char[] chastr = str.ToCharArray(); string code = ""; Random rd = new Random(); int i; for (i = 0; i < num; i++) { code += str.Substring(rd.Next(0, str.Length), 1); } return code; } public bool IsReusable { get { return false; } } } function changeCode() { var imgNode = document.getElementById("vimg"); imgNode.src = "handler/WaterMark.ashx?t=" + (new Date()).valueOf();} 简单的JS实现不了
html5怎么做背景 圆圈扩散效果
引用$(function() {$('div.circle').mouseover(function() {$('div.outer').addClass('hover');$('div.middle').addClass('hover');});$('div.circle').mouseout(function() {$('div.outer').removeClass('hover');$('div.middle').removeClass('hover');});});做出之后的效果图：
什么是HTML5 如何高效的学习HTML5
HTML5是用于取代1999年所制定的 HTML 4.01 和 XHTML 1.0 标准的 HTML 标准版本，现在仍处于发展阶段，但大部分浏览器已经支持某些 HTML5 技术。HTML 5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web应用的功能。广义论及HTML5时，实际指的是包括HTML、CSS和JavaScript在内的一套技术组合。
作为初学者，还是建议从HTML学起，循序渐进的学才能掌握HTML5的使用技巧。
第一阶段：移动前端制作基础（HTML5+CSS3基础）。
第二阶段：移动前端交互（JS+JQ+Ajax）。
第三阶段：移动前端综合开发（H5+C3+jQMobile ）。
第四阶段：项目实训。
