javascript范例,js基础案例

求javascript控制CSS样式定位范例

var obj = document.getElementById("div");

obj.style.backgroundColor = "Red";

css中的属性名称对应style.后面的属性, css中有"-"的, 比如:margin-left, 在js中把"-"去掉,并且第二个单词首字母大写, 即为:obj.style.marginLeft

相关问答

Q1: JavaScript网页特效范例宝典的目录

第1章　窗口/框架与导航条设计　1

1.1　弹出窗口控制　2

实例001　打开新窗口显示广告信息　2

实例002　定时打开窗口　4

实例003　通过按钮创建窗口　5

实例004　自动关闭的广告窗口　6

实例005　控制弹出窗口居中显示　7

实例006　弹出的窗口之Cookie控制　9

实例007　为弹出的窗口加入关闭按钮　11

实例008　关闭弹出窗口时刷新父窗口　12

实例009　关闭IE主窗口时，不弹出询问对话框　13

1.2　弹出网页对话框　14

实例010　弹出网页模式对话框　14

实例011　弹出全屏显示的网页模式对话框　16

实例012　网页拾色器　18

实例013　日期选择器　21

1.3　窗口的动画效果　26

实例014　页面自动滚动　26

实例015　打开窗口特殊效果　27

实例016　动态显示窗口　29

实例017　慢慢放大的窗口　30

实例018　下降式浏览器　32

实例019　旋转的窗口　33

实例020　移动的窗口　34

实例021　震动的窗口　35

实例022　弹出广告窗口　36

1.4　窗口控制　37

实例023　窗口始终在最上面　38

实例024　窗口的最小化、最大化　39

实例025　频道方式窗口　41

实例026　全屏显示　42

实例027　设置窗口大小和位置　43

实例028　刷新当前页　44

实例029　自动最大化　45

实例030　自定义导航控制面板　46

实例031　根据用户分辨率自动调整窗口　48

1.5　窗口的其他效果　49

实例032　打开窗口时显示对话框　50

实例033　使窗口背景透明　50

实例034　立体窗口　52

实例035　动态标题栏　53

实例036　固定大小的窗口　54

1.6　框架的应用　55

实例037　框架集的嵌套　56

实例038　在网页中应用浮动框架　58

实例039　创建空白框架　60

实例040　居中显示框架页　62

1.7　无边框窗口　63

实例041　全屏显示无边框有滚动条的窗口　63

实例042　应用CSS+DIV实现指定尺寸无边框无滚动条窗口　65

实例043　应用JavaScript实现指定尺寸无边框无滚动条窗口　67

1.8　水平导航条应用　69

实例044　图片按钮导航条　69

实例045　导航条的动画效果　71

实例046　不用图片实现质感导航条　72

1.9　下拉菜单式导航条　73

实例047　二级导航菜单　74

实例048　半透明背景的下拉菜单　76

实例049　展开式导航条　80

实例050　用层制作下拉菜单1　81

实例051　用层制作下拉菜单2　84

1.10　侧导航条设计　86

实例052　自动隐藏式菜单　87

实例053　收缩式导航菜单　89

实例054　树状导航菜单　91

第2章　表单及表单元素　95

2.1　文本框/编辑框/隐藏域组件　96

实例055　获取文本框/编辑框/隐藏域的值　96

实例056　自动计算金额　97

实例057　设置文本框的只读属性　98

实例058　限制多行文本域输入的字符个数　100

实例059　自动选择文本框/编辑框中的文字　102

实例060　按下回车键时自动切换焦点　103

2.2　下拉列表/菜单　104

实例061　获取下拉列表/菜单的值　104

实例062　遍历多选择下拉列表　105

实例063　在下拉列表中进行多选移除　106

实例064　将数组中的数据添加到下拉菜单中　107

实例065　应用下拉菜单选择所要联机的网站　108

实例066　多级级联菜单　110

实例067　可以输入文字的下拉菜单　111

实例068　根据下拉菜单的值显示不同控件　112

实例069　分级下拉列表　113

2.3　单选按钮组　114

实例070　不提交表单获取单选按钮的值　114

实例071　选中单选按钮后显示其他表单元素　116

实例072　通过单选按钮控制其他表单元素是否可用　117

2.4　复选框　117

实例073　不提交表单获取复选框的值　118

实例074　控制复选框的全选或反选　118

实例075　只有一个复选框时控制复选框的全选或反选　119

2.5　密码域　120

实例076　让您的密码域更安全　120

实例077　不提交表单自动检测密码域是否相同　121

2.6　表单应用　122

实例078　通过JavaScript控制表单的提交与重置　122

实例079　带记忆功能的表单　123

实例080　防止表单重复提交　124

实例081　自动提交表单　125

实例082　通过for循环获取表单元素的中文名称　126

实例083　可以提交到不同处理页的表单　127

第3章　实用JavaScript函数　129

3.1　数据验证　130

实例084　通过正则表达式验证日期　130

实例085　验证输入的日期格式是否正确　132

实例086　检查表单元素是否为空　134

实例087　验证E-mail是否正确　135

实例088　通过正则表达式验证电话号码　137

实例089　验证输入的字符串是否为汉字　139

实例090　验证身份证号码　140

实例091　验证用户名和密码　142

实例092　验证车牌号码　144

实例093　验证网站地址　145

实例094　验证数量和金额　147

实例095　验证字符串是否以指定字符开头　149

实例096　限制输入字符串的长度　150

3.2　字符串处理　152

实例097　小写金额转换为大写金额　152

实例098　去除字符串中的空格　155

实例099　转换输入文本中的回车和空格　156

实例100　将数字字符串格式化为指定长度　158

实例101　把一个长数字分位显示　159

实例102　将RGB格式的颜色值转换为十六进制格式　161

实例103　将IP地址转换为对应的数值　163

实例104　从指定URL中提取文件名　164

3.3　随机函数　166

实例105　随机产生指定位数的验证码　166

实例106　生成随机字符串　167

3.4　日期与时间　169

实例107　显示长日期格式的系统日期　169

实例108　实时显示系统时间　171

第4章　日期和时间　173

4.1　日期时间显示　174

实例109　在标题栏中显示日期时间　174

实例110　使用toLocaleString()方法获取本地时间　176

实例111　全中文显示日期　176

实例112　在状态栏中显示日期时间　178

实例113　使用数组显示星期　179

实例114　在表格中显示时间　180

实例115　退出页面时显示停留时间　181

实例116　显示用户在页面的停留时间　182

实例117　显示最后修改时间　183

4.2　日期时间算法　184

实例118　计算某一天是星期几　184

实例119　判断指定年份是否为闰年　186

实例120　计算从出生到现在度过的时间　187

实例121　返回两个日期之间的间隔小时　188

实例122　倒计时　190

实例123　访问时间限制　191

实例124　计步器　192

4.3　日期时间特效　194

实例125　分时问候　194

实例126　节日提示　195

实例127　倒影时钟　196

实例128　带阴影的时钟　199

实例129　动态石英钟　200

实例130　生日提醒器　203

实例131　数字时钟　205

实例132　各地时间表　206

实例133　位于页面顶层的时钟　209

第5章　文字特效　213

5.1　文字的颜色变换　214

实例134　简单文字变色　214

实例135　文字变色　215

实例136　变换的文字　216

实例137　描边文字　217

实例138　霓虹灯文字　218

实例139　追逐点亮的文字　219

实例140　萤光文字　220

实例141　发光文字的闪烁效果　221

实例142　文字的舞台灯光效果　223

实例143　制作彩色渐变文字动画　224

5.2　改变文字大小　226

实例144　文字伸缩　226

实例145　动荡的文字　227

实例146　文字伸展　228

实例147　文字逐个放大　230

实例148　自动改变大小　231

实例149　选择字体的大小　232

5.3　文字显示效果　234

实例150　文字渐隐渐现　234

实例151　文字虚幻变化　235

实例152　文字虚幻抖动　237

5.4　指定文字位置　238

实例153　将文字置于工作区左上角　238

实例154　右上角文字　239

实例155　鼠标移动文字　241

5.5　文字动态移动　242

实例156　文字自动滚屏　242

实例157　文字上下滚动　243

5.6　文字立体效果　244

实例158　文字的旋转　244

实例159　立体旋转文字　246

实例160　文字3D效果　248

5.7　文字动画效果　249

实例161　反弹文字　249

实例162　飞舞的文字　252

实例163　飞翔的文字　254

实例164　平面旋转的文字　257

实例165　输出文字　258

实例166　文字打字效果　259

实例167　文字抖动　261

实例168　指向文字时飞出星形标记　262

实例169　文字的抛出效果　264

5.8　文字特殊效果　265

实例170　波浪文字　265

实例171　梦幻文字效果　266

实例172　屏风文字　268

实例173　文字阴影　270

5.9　其他　270

实例174　随机显示文字　270

实例175　文字加密及解密　271

第6章　超级链接特效　275

6.1　超级链接样式　276

实例176　改变超级链接字体样式　276

实例177　当鼠标移动到超级链接时改变超级链接颜色　277

实例178　改变超级链接背景色　278

6.2　超级链接控制　279

实例179　建立E-mail超级链接　280

实例180　获取页面中的全部超级链接　281

实例181　将网站设为首页　282

实例182　单击鼠标右键自动链接到指定网站　283

实例183　单击超级链接将本页加入收藏夹　285

实例184　访问指定的链接地址　286

实例185　返回默认主页　287

实例186　导航链接　289

6.3　超级链接特效　291

实例187　快速闪动页面中的超级链接　291

实例188　滚动的超级链接提示信息　292

实例189　公告栏中显示超级链接　294

实例190　显示超级链接站点相关信息　295

实例191　显示超级链接的提示信息　296

实例192　半透明背景的超级链接提示　297

第7章　操作表格　299

7.1　表格的颜色效果　300

实例193　闪烁的表格边框　300

实例194　单元格边框变色　301

实例195　选中的行变色　302

7.2　对单元格的焦点进行控制　303

实例196　选定表格中的单元格　303

实例197　左右移动单元格的信息　304

实例198　通过键盘使单元格焦点任意移动　306

7.3　对表格的行、列进行修改　311

实例199　动态制作表格　311

实例200　动态生成行或列　313

实例201　删除表中的行　314

7.4　单元格的相关操作　316

实例202　隐藏及显示单元格　316

实例203　编辑单元格中的文本信息　318

实例204　合并单元格　320

实例205　在表格中添加行及单元格　322

实例206　删除表中的单元格　324

7.5　表格的特殊效果　325

实例207　透明表格　326

实例208　限制表格的宽度　327

实例209　表格的标题　328

实例210　表格的外阴影　329

实例211　立体表格　329

实例212　虚线边框表格　330

实例213　表格作为分割线　332

实例214　表格向下展开　332

第8章　图形图像与多媒体　335

8.1　图片大小　336

实例215　打开自定义大小的图片　336

实例216　图片放大缩小　337

实例217　通过鼠标滚轮放大缩小图片　338

8.2　图片与鼠标相关操作　339

实例218　跟随鼠标移动的图片　340

实例219　可以左右拖动的图片　340

实例220　随意拖动图片　342

实例221　当鼠标经过图片时显示图片　344

实例222　改变图片获取焦点时的状态　345

实例223　抖动的图片　346

实例224　鼠标移动放大图片　347

8.3　图片与时间相关操作　349

实例225　定时隐藏图片　349

实例226　根据时间变换页面背景　350

实例227　使图片不停闪烁　352

实例228　上下跳动的图片　352

实例229　图片左右晃动　354

实例230　飘舞的变形图片　356

8.4　图片的动画效果　358

实例231　图片翻转效果　359

实例232　水波倒影特效　360

实例233　图片渐隐渐现　361

实例234　图片的探照灯效果　362

实例235　雷达扫描图片特效　363

实例236　在页面中旋转的图片　365

实例237　改变形状的图片　366

实例238　图片在页面浮动　367

实例239　随机变化的网页背景　369

8.5　选择头像　370

实例240　在列表中选择图片　370

实例241　在弹出的新窗口中选择图片　372

8.6　在页面中播放图片　374

实例242　幻灯片式播放图片　374

实例243　无间断的图片循环滚动效果　376

8.7　图片的其他效果　377

实例244　导航地图　377

8.8　播放音乐　378

实例245　为网页设置背景音乐　378

实例246　随机播放背景音乐　380

实例247　MIDI音乐选择　381

8.9　插入Flash动画　383

实例248　插入Flash动画　383

实例249　插入背景透明的Flash动画　384

8.10　播放视频文件　385

实例250　播放AVI文件　385

实例251　自制视频播放器　387

第9章　页面特效　391

9.1　页面背景效果　392

实例252　背景固定居中　392

实例253　背景图片纵向重复显示　393

实例254　通过按钮变换背景颜色　395

实例255　背景自动变色　396

实例256　百叶窗　396

实例257　渐隐渐显的背景颜色　398

实例258　页面缩小　399

实例259　页面上下打开效果　400

实例260　页面左右打开效果　402

实例261　页面溶解效果　404

9.2　特殊页面　406

实例262　页首页尾切换　406

实例263　调用下载页面　408

实例264　程序加载页面　409

实例265　颜色拾取器　411

9.3　广告页面　415

实例266　图片总置于顶端　415

实例267　随机显示广告　416

实例268　广告随滚动条漂移　418

9.4　页面动画效果　419

实例269　下雪　419

实例270　飘落的枫叶　421

实例271　下雨　423

实例272　背景的烟花效果　425

实例273　变色的圆圈　427

实例274　滚动的光环　429

实例275　星空极速飞入效果　430

实例276　闪烁的星星　432

9.5　其他　434

实例277　带密码的网页　434

实例278　页面左右滚动　435

实例279　动态移动的层　437

实例280　在页面中显示十字光标　438

第10章　状态栏特效　441

10.1　状态栏文字动画　442

实例281　使状态栏中的文字不停闪烁　442

实例282　文字从右向左依次弹出　443

实例283　文字从中间向两边展开　445

实例284　文字跑马灯特效　447

实例285　文字依次显示后快速收缩　449

实例286　文字的展开与收缩　451

实例287　状态栏中的文字依次弹出　452

10.2　其他　453

实例288　在状态栏显示固定自定义信息　453

实例289　在状态栏显示鼠标坐标　454

实例290　在状态栏显示特定的超级链接信息　456

第11章　报表与打印　459

11.1　Web打印　460

实例291　调用IE自身的打印功能实现打印　460

实例292　打印指定框架中的内容　461

实例293　利用WebBrowser打印　462

实例294　设置页眉页脚　463

11.2　利用Word打印报表　465

实例295　将页面中的表格导出到Word并打印　465

实例296　打开指定的Word文档并打印　467

实例297　在JSP中利用Word自动打印指定格式的会议记录　468

实例298　在ASP中利用Word自动打印指定格式的会议记录　470

实例299　在PHP中调用Word自动打印指定格式的会议记录　472

11.3　利用Excel打印报表　474

实例300　将Web页面中的数据导出到Excel　474

实例301　将Web页面中的数据导出到Excel并自动打印　476

11.4　利用CSS样式打印　478

实例302　利用CSS样式打印页面中的指定内容　478

实例303　利用CSS样式分页打印　479

11.5　套打邮寄产品单　482

实例304　打印汇款单　482

实例305　打印快递单　484

实例306　打印信封　485

第12章　网站安全　489

12.1　禁止用户复制网页内容　490

实例307　禁止用户复制网页内容(方法一)　490

实例308　禁止用户复制网页内容(方法二)　491

实例309　禁止网页另存为　492

12.2　禁止用户刷新屏幕　493

实例310　屏蔽IE主菜单　493

实例311　屏蔽键盘相关事件　494

实例312　屏蔽鼠标右键　496

12.3　登录页面　497

实例313　具有浏览器检测功能的登录页面　497

实例314　防止SQL注入的登录页面　498

实例315　带验证码的登录页面　500

12.4　其他　501

实例316　使用Script Encoder加密工具加密　501

第13章　HTML/CSS样式　503

13.1　页面效果　504

实例317　统一站内网页风格　504

实例318　设置超级链接文字的样式　508

实例319　网页换肤　509

实例320　滚动文字　512

实例321　制作渐变背景　513

13.2　表格样式　514

实例322　只有外边框的表格　515

实例323　彩色外边框的表格　516

实例324　控制表格指定外边框不显示　518

实例325　背景颜色渐变的表格　520

实例326　表格隔行变色　521

13.3　鼠标及滚动条样式　522

实例327　显示自定义鼠标形状　522

实例328　动画光标　524

实例329　制作彩色滚动条　525

13.4　文字及列表样式　527

实例330　应用删除线样式标记商品特价　527

实例331　在文字上方标注说明标记　528

实例332　指定图标的列表项　529

13.5　文字滤镜特效　530

实例333　文字的发光效果　531

实例334　文字的阴影效果　532

实例335　文字的渐变阴影效果　533

实例336　文字的图案填充效果　534

实例337　文字的探照灯效果　535

实例338　文字的闪烁效果　537

实例339　文字的空心效果　538

实例340　文字的浮雕效果　539

实例341　文字的阳文效果　540

实例342　文字的雪雕效果　541

实例343　火焰字　542

实例344　文字扭曲动画　544

13.6　图片滤镜特效　545

实例345　图片的半透明效果　545

实例346　图片的模糊效果　546

实例347　图片的水波纹特效　547

实例348　图片的灰度效果　548

实例349　图片的动态说明文字　549

第14章 JavaScript与XML　553

14.1　读取XML文件　554

实例350　使用XML DOM对象读取XML文件　554

实例351　使用XMLHttpRequest对象读取XML文件　557

14.2　显示XML文档　559

实例352　使用CSS显示XML文档　559

实例353　使用XSL显示XML文档　562

实例354　使用IE XML数据岛输出XML文档　564

14.3　操作XML　565

实例355　用JavaScript控制XML文档的分页显示　565

实例356　通过操作XML数据岛实现添加、删除留言信息　567

第15章　JavaScript与ASP结合　573

15.1　弹出窗口/对话框控制　574

实例357　关闭弹出窗口时刷新父窗口　574

实例358　打开新窗口显示详细信息　575

实例359　弹出网页模式对话框　577

实例360　日期选择器　580

实例361　弹出提示对话框并重定向网页　584

实例362　打开指定大小的新窗口并居中显示　586

15.2　弹出确认对话框　588

实例363　删除数据前弹出确认对话框　588

实例364　安全退出前弹出确认对话框　590

15.3　其他　591

实例365　远程获取其他网页情报　591

实例366　树状导航菜单　594

实例367　使用XML实现不刷新页面查询数据　596

第16章　JavaScript与JSP结合　601

16.1　窗口与对话框　602

实例368　弹出提示对话框并重定向网页　602

实例369　打开新窗口显示详细信息　604

实例370　打开指定大小的新窗口并居中显示　605

实例371　弹出网页模式对话框　607

实例372　关闭弹出窗口时刷新父窗口　609

16.2　无刷新技术　611

实例373　无刷新的用户名检测　611

实例374　无刷新的级联下拉列表　614

实例375　使用XML实现不刷新页面查询数据　616

16.3　调用与控制　619

实例376　将查询结果导出到Word　619

实例377　调用Excel　621

实例378　调用PowerPoint　622

16.4　其他　623

实例379　树状导航菜单　623

第17章　JavaScript与ASP.NET结合　627

17.1　窗口与对话框　628

实例380　使用JavaScript脚本弹出对话框　628

实例381　打开新窗口显示详细信息　629

实例382　关闭弹出窗口刷新父窗口　631

实例383　弹出网页模式对话框　633

实例384　弹出全屏显示网页　635

17.2　其他　637

实例385　自动隐藏式菜单　637

第18章　JavaScript与PHP结合　641

18.1　窗口与对话框　642

实例386　弹出提示对话框并重定向网页　642

实例387　关闭弹出窗口时自动刷新父窗口　643

实例388　在弹出的网页模式对话框中选择个性头像　645

实例389　时间选择器　647

实例390　弹出提示对话框并重定向网页　649

实例391　删除数据前弹出确认对话框　650

18.2　其他　651

实例392　树状导航菜单　651

第19章　综合应用　657

19.1　计算器　658

实例393　简单计算器　658

实例394　复杂计算器　662

19.2　日历　667

实例395　精美日历　668

实例396　带农历的日历　674

19.3　购物车　681

实例397　添加至购物车　682

实例398　查看购物车　684

实例399　修改商品购买数量　686

实例400　从购物车中移去指定商品　687

实例401　清空购物车　689

JavaScript程序开发范例宝典附录　691

Q2: 简述JavaScript程序引入的三种方式的语法要求

（1）嵌入HTML文件中

一般放在head/head（事实上可以放在任何位置）中，格式：

script type="text/javascript"

//此处为JavaScript代码

/script

（2） 定义专门的外部文件

将JavaScript代码写在一个独立的脚本文件（扩展名为.js)中，在页面中使用时直接导入该脚本文件即可，导入的格式：

script type="text/javascript" src="要导入的js文件.js"/script

（3）除了上面两种最为常用的方式外，还可以在以下地方定义JavaScript代码

A、在HTML的元素事件属性中，比如，按钮的单击事件，语法：

input type="button"　onclick="javascript:js脚本代码" /

范例：

B、在超链接中定义，语法：

a href="javascript:js脚本代码" 超链接/a

范例：