博客园 - kelly凯丽
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=119631
2016-05-14T01:24:02Z
kelly凯丽
https://www.cnblogs.com/kellybutterfly/
feed.cnblogs.com
https://www.cnblogs.com/kellybutterfly/p/5491931.html
如何在网页中插入音频,视频(复制粘贴借鉴的) - kelly凯丽
三种 分别用<bgsound />、<embed>和<video>标签,当用<embed><video>插入背景音乐时可以设置宽度和高度为0,隐藏播放器,在这里重点说前两者。 ■ <bgsound>:<bgsound> 是用来插入背景音乐,但只适用于 ie,其参数设定不多。如下<bgsound sr
2016-05-14T01:24:00Z
2016-05-14T01:24:00Z
kelly凯丽
https://www.cnblogs.com/kellybutterfly/
【摘要】三种 分别用<bgsound />、<embed>和<video>标签,当用<embed><video>插入背景音乐时可以设置宽度和高度为0,隐藏播放器,在这里重点说前两者。 ■ <bgsound>:<bgsound> 是用来插入背景音乐,但只适用于 ie,其参数设定不多。如下<bgsound sr <a href="https://www.cnblogs.com/kellybutterfly/p/5491931.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kellybutterfly/p/5489444.html
悬浮动态分层导航 - kelly凯丽
1、首先在<head>里面引用一个JQUERY的文件以用来制作鼠标点击动画效果(从网站上下载即可) 2、插入div(这里我的div是带有锚点效果的,已经用红色标出锚点,定位到了网页顶端,也就是<body>开始的地方写了一句<a name="top">top</a>,如果不给name一个初始值,就写上
2016-05-13T06:59:00Z
2016-05-13T06:59:00Z
kelly凯丽
https://www.cnblogs.com/kellybutterfly/
【摘要】1、首先在<head>里面引用一个JQUERY的文件以用来制作鼠标点击动画效果(从网站上下载即可) 2、插入div(这里我的div是带有锚点效果的,已经用红色标出锚点,定位到了网页顶端,也就是<body>开始的地方写了一句<a name="top">top</a>,如果不给name一个初始值,就写上 <a href="https://www.cnblogs.com/kellybutterfly/p/5489444.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kellybutterfly/p/5487271.html
如何在网页中插入地图 - kelly凯丽
1.百度搜索“百度地图生成器。 2.打开百度地图生成器。 第一步:切换要显示的城市,查找目标地点 第二步:设置地图 第三步:添加标注 第四步:生成代码 代码如下: 效果如图:
2016-05-12T12:47:00Z
2016-05-12T12:47:00Z
kelly凯丽
https://www.cnblogs.com/kellybutterfly/
【摘要】1.百度搜索“百度地图生成器。 2.打开百度地图生成器。 第一步:切换要显示的城市,查找目标地点 第二步:设置地图 第三步:添加标注 第四步:生成代码 代码如下: 效果如图: <a href="https://www.cnblogs.com/kellybutterfly/p/5487271.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kellybutterfly/p/5483435.html
marquee标签实现页面内容的滚动效果 - kelly凯丽
页面的自动滚动效果,可由javascript来实现, 但是有一个html标签 - <marquee></marquee>可以实现多种滚动效果,无需js控制。 使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语法:<marquee>...</marquee>; 说明:在标记之间添加要
2016-05-11T12:26:00Z
2016-05-11T12:26:00Z
kelly凯丽
https://www.cnblogs.com/kellybutterfly/
【摘要】页面的自动滚动效果,可由javascript来实现, 但是有一个html标签 - <marquee></marquee>可以实现多种滚动效果,无需js控制。 使用marquee标记不仅可以移动文字,也可以移动图片,表格等. 语法:<marquee>...</marquee>; 说明:在标记之间添加要 <a href="https://www.cnblogs.com/kellybutterfly/p/5483435.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kellybutterfly/p/5480662.html
正则表达式,表单验证和事件 - kelly凯丽
1、表单验证<form></form> (1).非空验证(去空格) (2).对比验证(跟一个值对比) (3).范围验证(根据一个范围进行判断) (4).固定格式验证:电话号码,身份证号,邮箱,信用卡号等的验证;需要用到正则表达式来进行验证。 (5).其它验证 2、正则表达式 用符号来描述书写规则:/
2016-05-11T01:02:00Z
2016-05-11T01:02:00Z
kelly凯丽
https://www.cnblogs.com/kellybutterfly/
【摘要】1、表单验证<form></form> (1).非空验证(去空格) (2).对比验证(跟一个值对比) (3).范围验证(根据一个范围进行判断) (4).固定格式验证:电话号码,身份证号,邮箱,信用卡号等的验证;需要用到正则表达式来进行验证。 (5).其它验证 2、正则表达式 用符号来描述书写规则:/ <a href="https://www.cnblogs.com/kellybutterfly/p/5480662.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kellybutterfly/p/5480625.html
Window.document对象 - kelly凯丽
1、Window.document对象 一、找到元素: docunment.getElementById("id");根据id找,最多找一个; var a =docunment.getElementById("id");将找到的元素放在变量中; docunment.getElementsByName
2016-05-11T00:47:00Z
2016-05-11T00:47:00Z
kelly凯丽
https://www.cnblogs.com/kellybutterfly/
【摘要】1、Window.document对象 一、找到元素: docunment.getElementById("id");根据id找,最多找一个; var a =docunment.getElementById("id");将找到的元素放在变量中; docunment.getElementsByName <a href="https://www.cnblogs.com/kellybutterfly/p/5480625.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kellybutterfly/p/5480609.html
JavaScript的DOM操作 - kelly凯丽
1、DOM的基本概念 DOM是文档对象模型,这种模型为树模型;文档是指标签文档;对象是指文档中每个元素;模型是指抽象化的东西。 2、Window对象操作 一、属性和方法: 属性(值或者子对象): opener:打开当前窗口的源窗口,如果当前窗口是首次启动浏览器打开的,则opener是null。 di
2016-05-11T00:39:00Z
2016-05-11T00:39:00Z
kelly凯丽
https://www.cnblogs.com/kellybutterfly/
【摘要】1、DOM的基本概念 DOM是文档对象模型,这种模型为树模型;文档是指标签文档;对象是指文档中每个元素;模型是指抽象化的东西。 2、Window对象操作 一、属性和方法: 属性(值或者子对象): opener:打开当前窗口的源窗口,如果当前窗口是首次启动浏览器打开的,则opener是null。 di <a href="https://www.cnblogs.com/kellybutterfly/p/5480609.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kellybutterfly/p/5471736.html
导航菜单栏隐藏及显示 - kelly凯丽
思路分两步: 1.先把每层的框写出来 2.再根据嵌套关系写事件:onmouseover,onmouseout. CSS部分 显示效果如下:
2016-05-08T13:40:00Z
2016-05-08T13:40:00Z
kelly凯丽
https://www.cnblogs.com/kellybutterfly/
【摘要】思路分两步: 1.先把每层的框写出来 2.再根据嵌套关系写事件:onmouseover,onmouseout. CSS部分 显示效果如下: <a href="https://www.cnblogs.com/kellybutterfly/p/5471736.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kellybutterfly/p/5469393.html
JavaScript简介 - kelly凯丽
一、JavaScript简介 1.JavaScript是个什么东西? 它是个脚本语言,需要有宿主文件,它的宿主文件是HTML文件。 2.它与Java什么关系? 没有什么直接的联系,Java是Sun公司(已被Oracle收购了),JavaScript是netspace(网景公司,已被美国在线收购了),
2016-05-07T14:31:00Z
2016-05-07T14:31:00Z
kelly凯丽
https://www.cnblogs.com/kellybutterfly/
【摘要】一、JavaScript简介 1.JavaScript是个什么东西? 它是个脚本语言,需要有宿主文件,它的宿主文件是HTML文件。 2.它与Java什么关系? 没有什么直接的联系,Java是Sun公司(已被Oracle收购了),JavaScript是netspace(网景公司,已被美国在线收购了), <a href="https://www.cnblogs.com/kellybutterfly/p/5469393.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kellybutterfly/p/5469085.html
格式与布局 - kelly凯丽
一、position:fixed 锁定位置(相对于浏览器的位置),例如有些网站的右下角的弹出窗口。 二、position:absolute 1.外层没有position:absolute(或relative);那么div相对于浏览器定位,如下图中b(距离浏览器右边框为50像素,距离下边框为20像素)
2016-05-07T12:24:00Z
2016-05-07T12:24:00Z
kelly凯丽
https://www.cnblogs.com/kellybutterfly/
【摘要】一、position:fixed 锁定位置(相对于浏览器的位置),例如有些网站的右下角的弹出窗口。 二、position:absolute 1.外层没有position:absolute(或relative);那么div相对于浏览器定位,如下图中b(距离浏览器右边框为50像素,距离下边框为20像素) <a href="https://www.cnblogs.com/kellybutterfly/p/5469085.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kellybutterfly/p/5460002.html
CSS样式表 - kelly凯丽
CSS(Cascading Style Sheet,叠层样式表),作用是美化HTML网页。 /*注释区域*/ 此为注释语法 一、样式表 (一)样式表的分类 1.内联样式表 和HTML联合显示,控制精确,但是可重用性差,冗余较多。 例:<p style="font-size:14px;">内联样式表<
2016-05-04T14:07:00Z
2016-05-04T14:07:00Z
kelly凯丽
https://www.cnblogs.com/kellybutterfly/
【摘要】CSS(Cascading Style Sheet,叠层样式表),作用是美化HTML网页。 /*注释区域*/ 此为注释语法 一、样式表 (一)样式表的分类 1.内联样式表 和HTML联合显示,控制精确,但是可重用性差,冗余较多。 例:<p style="font-size:14px;">内联样式表< <a href="https://www.cnblogs.com/kellybutterfly/p/5460002.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kellybutterfly/p/5459794.html
表单 - kelly凯丽
表单: <form id="" name="" method="post/get" action="负责处理的服务端"> id不可重复,name可重复,get提交有长度限制,并且编码后的内容在地址栏可见, post提交没有长度限制,且编码后内容不可见。 </form> 1.文本输入 文本框<inpu
2016-05-04T13:13:00Z
2016-05-04T13:13:00Z
kelly凯丽
https://www.cnblogs.com/kellybutterfly/
【摘要】表单: <form id="" name="" method="post/get" action="负责处理的服务端"> id不可重复,name可重复,get提交有长度限制,并且编码后的内容在地址栏可见, post提交没有长度限制,且编码后内容不可见。 </form> 1.文本输入 文本框<inpu <a href="https://www.cnblogs.com/kellybutterfly/p/5459794.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kellybutterfly/p/5456762.html
图片热点,网页划区的简单应用 - kelly凯丽
1.图片热点: 规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果。 示例: 注释:图片小牛的两个鼻孔位置(绿色区域)就是链接区域,rect是矩形,circle是圆形 2.网页划区: 在一个网页里,规划出一个区域用来展示另一个网页的内容。 示例: 效果:
2016-05-03T14:29:00Z
2016-05-03T14:29:00Z
kelly凯丽
https://www.cnblogs.com/kellybutterfly/
【摘要】1.图片热点: 规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果。 示例: 注释:图片小牛的两个鼻孔位置(绿色区域)就是链接区域,rect是矩形,circle是圆形 2.网页划区: 在一个网页里,规划出一个区域用来展示另一个网页的内容。 示例: 效果: <a href="https://www.cnblogs.com/kellybutterfly/p/5456762.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kellybutterfly/p/5456504.html
表格标签的属性 - kelly凯丽
表格: <table></table>表格 width:宽度。可以用像素或百分比表示。 常用960像素。 border:边框,常用值为0。 cellpadding:内容跟单元格边框的距离,常用值为0。 cellspacing:单元格与单元格之间的间距,常用值为0。 align:对齐方式。 bgcol
2016-05-03T12:53:00Z
2016-05-03T12:53:00Z
kelly凯丽
https://www.cnblogs.com/kellybutterfly/
【摘要】表格: <table></table>表格 width:宽度。可以用像素或百分比表示。 常用960像素。 border:边框,常用值为0。 cellpadding:内容跟单元格边框的距离,常用值为0。 cellspacing:单元格与单元格之间的间距,常用值为0。 align:对齐方式。 bgcol <a href="https://www.cnblogs.com/kellybutterfly/p/5456504.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kellybutterfly/p/5449596.html
HTML基本知识 - kelly凯丽
HTML语言:超文本标记语言 基本结构: <html><head><body> body 的属性: bgcolor 页面背景色 text 文字颜色 topmargin 上页边距 leftmargin 左页边距 rightmargin 右页边距 bottommargin 下页边距 background
2016-04-30T14:25:00Z
2016-04-30T14:25:00Z
kelly凯丽
https://www.cnblogs.com/kellybutterfly/
【摘要】HTML语言:超文本标记语言 基本结构: <html><head><body> body 的属性: bgcolor 页面背景色 text 文字颜色 topmargin 上页边距 leftmargin 左页边距 rightmargin 右页边距 bottommargin 下页边距 background <a href="https://www.cnblogs.com/kellybutterfly/p/5449596.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kellybutterfly/p/5443932.html
函数的类型 - kelly凯丽
调用函数累加求和 1.无参数,无返回值 2.有参数,无返回值 3.有参数,有返回值 4.无参数,有返回值
2016-04-28T11:24:00Z
2016-04-28T11:24:00Z
kelly凯丽
https://www.cnblogs.com/kellybutterfly/
【摘要】调用函数累加求和 1.无参数,无返回值 2.有参数,无返回值 3.有参数,有返回值 4.无参数,有返回值 <a href="https://www.cnblogs.com/kellybutterfly/p/5443932.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kellybutterfly/p/5436256.html
递归函数的练习,汉诺塔问题的程序实现(递归) - kelly凯丽
1.汉诺塔是由三根杆子A,B,C组成的。A杆上有N个(N>1)穿孔圆盘,盘的尺寸由下到上依次变小。要求按下列规则将所有圆盘移至C杆:每次只能移动一个圆盘;大盘不能叠在小盘上面。提示:可将圆盘临时置于B杆,也可将从A杆移出的圆盘重新移回A杆,但都必须尊循上述两条规则。问:如何移?最少要移动多少次?汉诺
2016-04-26T11:01:00Z
2016-04-26T11:01:00Z
kelly凯丽
https://www.cnblogs.com/kellybutterfly/
【摘要】1.汉诺塔是由三根杆子A,B,C组成的。A杆上有N个(N>1)穿孔圆盘,盘的尺寸由下到上依次变小。要求按下列规则将所有圆盘移至C杆:每次只能移动一个圆盘;大盘不能叠在小盘上面。提示:可将圆盘临时置于B杆,也可将从A杆移出的圆盘重新移回A杆,但都必须尊循上述两条规则。问:如何移?最少要移动多少次?汉诺 <a href="https://www.cnblogs.com/kellybutterfly/p/5436256.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kellybutterfly/p/5436102.html
模拟手机号码抽奖活动 - kelly凯丽
1 static void Main2(string[] args) 2 { 3 //抽奖活动 4 Console.WriteLine("请输入要参加此次抽奖活动的人数:"); 5 int ren= Convert.ToInt32(Console.ReadLine()); 6 7 ...
2016-04-26T10:18:00Z
2016-04-26T10:18:00Z
kelly凯丽
https://www.cnblogs.com/kellybutterfly/
【摘要】1 static void Main2(string[] args) 2 { 3 //抽奖活动 4 Console.WriteLine("请输入要参加此次抽奖活动的人数:"); 5 int ren= Convert.ToInt32(Console.ReadLine()); 6 7 ... <a href="https://www.cnblogs.com/kellybutterfly/p/5436102.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kellybutterfly/p/5428523.html
foreach 循环遍历 以及函数的应用 - kelly凯丽
foreach( 对集合每个元素的引用 in 集合 ){ } 举例: int[] a = new int[5]{1,2,3,4,5};foreach( int b in a ){ //b就是a中的每个元素} 注意:1.foreach只能对集合进行遍历。2.foreach在操作集合的时候,只能读不能改
2016-04-24T14:10:00Z
2016-04-24T14:10:00Z
kelly凯丽
https://www.cnblogs.com/kellybutterfly/
【摘要】foreach( 对集合每个元素的引用 in 集合 ){ } 举例: int[] a = new int[5]{1,2,3,4,5};foreach( int b in a ){ //b就是a中的每个元素} 注意:1.foreach只能对集合进行遍历。2.foreach在操作集合的时候,只能读不能改 <a href="https://www.cnblogs.com/kellybutterfly/p/5428523.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/kellybutterfly/p/5426040.html
二维数组,锯齿数组和集合 - kelly凯丽
一.二维数组 二维数组:一维数组----豆角二维数组----表格 定义:1.一维数组:数据类型[] 数组变量名 = new 数据类型[数组长度];数据类型[] 数组变量名 = new 数据类型[数组长度]{1,2,3....}; 2.二维数组:数据类型[,] 数组变量名 = new 数据类型[行数,
2016-04-23T15:19:00Z
2016-04-23T15:19:00Z
kelly凯丽
https://www.cnblogs.com/kellybutterfly/
【摘要】一.二维数组 二维数组:一维数组----豆角二维数组----表格 定义:1.一维数组:数据类型[] 数组变量名 = new 数据类型[数组长度];数据类型[] 数组变量名 = new 数据类型[数组长度]{1,2,3....}; 2.二维数组:数据类型[,] 数组变量名 = new 数据类型[行数, <a href="https://www.cnblogs.com/kellybutterfly/p/5426040.html" target="_blank">阅读全文</a>