- 博客(16)
- 收藏
- 关注
原创 画星星案例
这次的代码直接从js开始,首先我们先写一个for循环,然后在for循环里面嵌套一个for循环在第二个for循环里面输出一个星星,然后在第一个for循环中输出一个换行,实现随着行数的增加每一行都会比上一行多一个五角星<script> //三角形的---五角星----随着行数的增加,每一行都会比上一行多一个五角星 // 提示:document.write("★");换行: document.write("<br/>"); f...
2022-05-31 10:02:12 170
原创 微博发布模拟面板
以下是微博发布模拟面板的案例,就是在文本框内输入文字然后点击发布按钮把在文本框内输入的文字发送到文本框外,就像聊天界面一样,以下开始我们的学习设置好微博发布模拟面板的元素<div class="box" id="weibo"> <span>微博发布</span> <textarea name="" id="txt" cols="30" rows="10"></textarea> &l...
2022-05-31 09:51:42 367
原创 页面登录获取信息案例post方法
此次我们学习的案例是页面登录获取信息案例也就是从文本框内获取数据到控制台显示出来的一种方式,以下是以$.ajax()方法在控制器中使用实体类对象接收参数使用post方式请求首先在控制台上写上字符串组成然后加入返回值public ActionResult ajaxPostData(User user) { string str = "账户:" + user.account + ";密码:" + user.password + ";验证码:" + us...
2022-05-31 09:30:48 421
原创 页面登录获取信息案例get方法
此次我们学习的案例是页面登录获取信息案例也就是从文本框内获取数据到控制台显示出来的一种方式,以下是以$.ajax()方法在控制器中使用形参接收参数使用get方式请求,在控制器中输入形参接收参数的方法首先在控制台写上字符串组成,写上返回值public ActionResult ajaxGetData(string account,string password,string code) { string str = "账户:" + account + "...
2022-05-31 09:21:12 383
原创 手风琴jQuery案例
此案例为手风琴jQuery案例,即是列表缩放使用jQuery方法使用点击事件完成此案例,以下将开始此次学习;建立案例所需要的元素 <ul class="menu"> <li> <a href="#" class="level1">手机</a> <ul class="current"> <li><a href="#"...
2022-05-29 16:53:11 411
原创 下拉列表菜单
建立下拉列表需要显示的元素<div class="wrap"> <ul> <li> <a href="javascript:void(0);">一级菜单1</a> <ul class="ul"> <li><a href="javascript:void(0...
2022-05-19 08:06:14 138
原创 页面登录获取信息案例
此次我们学习的案例是页面登录获取信息案例也就是从文本框内获取数据到控制台显示出来的一种方式,以下将开始我们的学习<div class="register_con"> <div class="l_con fl"> <a class="reg_logo">某多商城</a> <div class="reg_slogan">商品美 · 种类多 · 欢迎光临</div>...
2022-05-14 14:57:31 143
原创 五角星评分案例
建立ul>li标签在li标签里面写上空心五角星文字<body><ulclass="comment"><li>☆</li><li>☆</li><li>☆</li><li>☆</li><li>☆</li></ul></body>设置好ul>li标签的属性...
2022-05-07 14:38:45 824
原创 案例权限的选择
这次我们要学习的案例是权限的选择;首先把案例所需要的元素布局设置好然后给予所需元素id名;<divstyle="margin-left:500px;margin-top:20px;background-color:#999999"><selectmultiple="multiple"style="float:left;width:60px;height:100px;"id="se1"><option>添加<...
2022-05-07 10:25:09 900
原创 案例突出显示
这次我们要学习的是突出显示案例,这个案例要使用的方法是jQuery。首先在栅格系统wrap内创建8个li标签在里面放入可选中的图片<body><divclass="wrap"><ul><li><ahref="#"><imgsrc="images/01.jpg"alt=""/></a></li><li>&...
2022-04-28 15:43:10 163
原创 用jQuery写开关灯案例
这次我们学习的是用jQuery方法写快关灯案例,快关灯案例也就是点击按钮后切换页面的背景颜色,当我们去写案例的时候多数会使用到插件,而jQuery就是其中一种要使用插件的方法。1.首先把快关按钮写上<body><inputtype="button"value="开/关"id="btn"></body>2.把样式类设置好<style>.cls{background-col...
2022-04-28 15:28:45 1341
原创 表单验证案例
正则表达式验证表单案例如下:HTML: 在input标签外写一个label标签的作用是点击label标签input标签内的光标就会出现,然后在input标签内加入placeholder元素在文本框内显示出提示的字样,例如:2-16字符,建议英文字母!然后设置id名,再加上span标签,最后加上br标签换行以达到可观的效果。<div class="container" id="dv"> <h3>注册页面</h3> <label for="u..
2022-04-07 10:55:05 1306
原创 聊天器案例
这次我们学习的是聊天器案例,我们平时在用电子设备聊天的时候就会看到已下这种页面,以下的页面是用JavaScript 获取id写成的。1.HTML:写好盒子在盒子里面设置好聊天器要用到的标签并设置好标签。<body> <div class="talk_con"> <div class="talk_show" id="words"> <div class="atalk"> ...
2022-03-27 20:05:10 751
原创 计数器的点击事件
今天我们来学习以秒计数的计数器,点击开始计数按钮后input标签会开始计数,然后点击停止计数则会停止计数。代码1.HTML:设置一个input标签使显示的数字在input标签里面显示,两个button按钮用于开始与停止计数。<body> <input type="text" value="0" id="number"> <button id="start">开始计数</button> <button id="sto...
2022-03-16 16:52:57 715
原创 修改属性操作页面
今天我们来做一个超简单的案例,这个案例简单就是修改里面的:宽度、高度、背景颜色、边框、圆角,然后点击运行,接着右边的图形作出相应的改变。代码1.HTML:首先需要设置要改变的属性值,改变属性的按钮,改变图形的样式,看个人爱好可以设置背景图片,为它们设置类名以及ID名以方便后面的JavaScript获取使用;这样我们的HTML就算完成了。<body> <div class="set_con"> <div class="left_set">...
2022-03-13 10:50:01 220
原创 改变方块样式
内容;今天我们来做一个超简单的案例,这个案例简单就是修改里面的:宽度、高度、背景颜色、边框、圆角,然后点击运行,接着右边的图形作出相应的改变。代码1.HTML:首先需要设置要改变的属性值,改变属性的按钮,改变图形的样式,看个人爱好可以设置背景图片,为它们设置类名以及ID名以方便后面的JavaScript获取使用;这样我们的HTML就算完成了。<body> <div class="set_con"> <div class="left_s...
2022-03-13 08:27:33 1190
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人