img id="img" onmouseover="bigger()" onmouseout="smaller()" src="你的图片路径" style="cursor:pointer;width:100px;height:100px;" /
创新互联服务项目包括桃山网站建设、桃山网站制作、桃山网页制作以及桃山网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,桃山网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到桃山省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!
script type="text/javascript"
var img = document.getElementById('img');
function bigger(){
img.style.width = '400px';
img.style.height = '400px';
}
function smaller(){
img.style.width = '100px';
img.style.height = '100px';
以前写的一个小计算器看合不合适你用。基本的+ - * / 都有了。当第一次计算后,你双击第2个数旁边的文本框,结果就会出现在第一个文本框,方便你下一次的计算。
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312" /
title计算器/title
script language="javascript"
var x;
function fun(x)
{
var a=form1.txt1.value;
var b=form1.txt2.value;
switch (x)
{
case '+':
form1.txt3.value=parseFloat(a) + parseFloat(b);
break;
case '-':
form1.txt3.value=parseFloat(a) - parseFloat(b);
break;
case '*':
form1.txt3.value=parseFloat(a) * parseFloat(b);
break;
case '/':
form1.txt3.value=parseFloat(a) / parseFloat(b);
break;
default:
break;
}
}
function fun1()
{
alert();
}
function reset1(){
document.all.txt1.value = document.all.txt3.value;
document.all.txt2.value = "";
document.all.txt3.value = "";
}
/script
style type="text/css"
!--
.STYLE1 {color: #990066}
--
/style
/head
body bgcolor="#3399FF"
form action="" method="post" name="form1" class="STYLE1" id="form1"
第一个数:
label
input name="txt1" type="text" id="txt1" size="9" /
/label
p第二个数:
label
input name="txt2" type="text" id="txt2" size="9" ondblclick="reset1()"/
/label
/p
p
label
input name="btn1" type="button" id="btn1" value=" + " onclick="fun('+')"/
input type="hidden" name="hiddenField" /
/label
label
input name="btn2" type="button" id="btn2" value=" - " onclick="fun('-')"/
input type="hidden" name="hiddenField2" /
/label
label
input name="btn3" type="button" id="btn3" value=" * " onclick="fun('*')"/
/label
label
input type="hidden" name="hiddenField3" /
input name="btn4" type="button" id="btn4" value=" / " onclick="fun('/')"/
/label
/p
p计算结果:
label
input name="txt3" type="text" id="txt3" size="9" /
/label
/p
/form
/body
/html
jQuery 是 JavaScript 的类库,本身也是用 JS 写的,是一系列 JS 方法和技巧的集结。通过使用 jQuery,可以简化 JS 程序员的工作。JS 是 jQuery 的基础,jQuery 和 JS 又不是不同的语言,他们之间是包含关系, 所以根本不需要区分的。
虽然用 jQuery 比用 JS 的原始方法更简单、直接,但还是有很多地方是 jQuery 无法实现的,还有一些编程的语言性能问题也不能通过 JS 类库解决。所以即使有了 jQuery 也不能丢下原始 JS。对于 Web 程序员,程序功能的实现只是很表面的东西,更需要深入理解 JS 的语言特性及代码在浏览器(解释器)中的工作流程。另外,用 jQuery 不仅仅是为了“偷懒”, jQuery 源代码中也有很多可以借鉴的地方,除了用还要理解代码,通过 jQuery 提高 JS 的编程能力。
之前没有接触其他语言吗?没有基础的话,你可以换个学习方式,我之前是在freecodecamp上入门,买了本es6书巩固的,希望可以给你一些参考。