当前位置: 首页 > news >正文

青海城乡和住房建设厅网站外包app开发多少钱

青海城乡和住房建设厅网站,外包app开发多少钱,深圳专业高端网站建设费用,南江县规划和建设局网站一、改变新闻网页中的字号 1、设计如图1-1所示的界面,要求当网络访问者选择字号中的【大、中、小】时能实现页面字号大小变化,选择“中”时,页面效果如图1所示。 图1 单击前初始状态页面 图2 单击“中”链接后页面 2、div中内容如下&#x…

一、改变新闻网页中的字号

1、设计如图1-1所示的界面,要求当网络访问者选择字号中的【大、中、小】时能实现页面字号大小变化,选择“中”时,页面效果如图1所示。

图1 单击前初始状态页面

图2 单击“中”链接后页面

2、div中内容如下:

JavaScript是一种能让你的网页更加生动活泼的程式语言,也是目前网页中设计中最容易学又最方便的语言。你可以利用JavaScript轻易的做出亲切的欢迎讯息、漂亮的数字钟、有广告效果的跑马灯及简易的选举,还可以显示浏览器停留的时间。让这些特殊效果提高网页的可观性。

3、Style对象的属性。

可通过HTML DOM Style 对象网页查看。

二、消息对话框综合应用

设计一个消息对话框综合应用,页面效果如图3-图6所示。

图3 消息对话框初始页面

图4 点击“输入姓名”后的页面

                    

图5 提示框信息

图6 告警消息对话框页面

三、编写JavaScript程序实现简易密码验证,页面布局如图7所示:

图7简易密码验证对话框

要求:定义函数checkKey(),函数的功能是判断密码输入框输入的密码长度是否大于或者等于8,密码支付中是否含一个及以上个字母,若不符合要求则提示告警信息分别为“密码长度必须大于等于8!,请重输”,“密码中必须包含一个或者以上字母!,请重输”,单机告警框中的“确认”按钮,将原密码框内容清空。

1.

        <script type="text/javascript">

            //定义设置字体大小函数

            function $(id){return document.getElementById(id);}

            function setFont(size){

                $("content").style.fontSize=size;

            }

        </script>

使用document.getElementById(id)函数和ID定义设置字体大小函数。

        <div id="div1">选择字号【 &nbsp;<a href="#" onclick="setFont('12px');"></a>&nbsp;

            <a href="#" onclick="setFont('18px');"></a>&nbsp;

            <a href="#" onclick="setFont('24px');"></a>

        </div>

利用超链接和设置字体大小函数完成改变新闻网页中的字号的要求。

2.

     <script>

        function mj(id) {

            var n=prompt("输入你的姓名:");

            if(n!=null&&n!=""){

                alert("你的姓名是:"+n);

                document.getElementById(id).value=n;

            }

            else alert("请你输入姓名!");

        }

       

    </script>

        <form>

            <fieldset>

                <legend>消息对话框综合应用</legend><br>

                <span> 姓名:<br></span><br>

                <span><input type="text" id="look" readonly="readonly"></span><br><br><br>

                <p align="center"><input type="button" name="button" value="输入姓名" onclick="mj('look')">

                <input type="reset" name="reset" value="清空" ></p>

            </fieldset>

        </form>

使用document.getElementById(id)函数和ID加js 变量完成动态变化表单数值的效果。

3.

    <script>

        function $(id){return document.getElementById(id);}

        function submittext(){

            var n=$("input1").value;

            if(n.length>=8){

                var x1=/^[0-9a-zA-Z]+$/;

                var x2=/^[0-9]+$/;

                if(!x2.test(n))

                {              

                    if(!x1.test(n))          

                    {              

                        alert("密码至少包括一个字母!请重新输入!");    

                        $("input1").value="";  

                    }

                    else alert("输入成功!");

                }

                else {      

                    alert("密码至少包括一个字母!请重新输入!");

                    $("input1").value="";

                }

            }

            else{  

                alert("密码必须大于等于8!");  

                $("input1").value="";

            }

        }

    </script>

借用正则表达式的test函数使用3层if判断 实现简易密码验证的要求。

图1      

图2

图3

图4

图5

图6

图7

图8

  • 1.

<!-- prj_9_1.html  -->

<!doctype html>

<html lang="en">

 <head>

  <meta charset="UTF-8">

        <title> 改变新闻网页中字号 </title>

        <style type="text/css">    

            #div1{text-align:center;font-size:16px;} /*定义图层样式*/

            #content{

                font-size:12px;line-height:2em;padding:10px;

                background:#c0c0c0;color:black;border:2px groove #FCFF57;}

            p{text-indent:2em;}  /*定义段落样式*/

        </style>

        <script type="text/javascript">

            //定义设置字体大小函数

            function $(id){return document.getElementById(id);}

            function setFont(size){

                $("content").style.fontSize=size;

            }

        </script>

    </head>

    <body>

        <h2 align="center">JavaScript改变新闻网页中字号</h2>

        <div id="div1">选择字号【 &nbsp;<a href="#" onclick="setFont('12px');"></a>&nbsp;

            <a href="#" onclick="setFont('18px');"></a>&nbsp;

            <a href="#" onclick="setFont('24px');"></a>

        </div>

        <div id="content">

            <p>JavaScript是一种能让你的网页更加生动活泼的程式语言,也是目前网页中设计中最容易学又最方便的语言。你可以利用JavaScript轻易的做出亲切的欢迎讯息、漂亮的数字钟、有广告效果的跑马灯及简易的选举,还可以显示浏览器停留的时间。让这些特殊效果提高网页的可观性。</p>

        </div>

    </body>

</htmL>

2.

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

    <style>

        legend{text-align: center;}

        fieldset{border-color: blue;b

http://www.yayakq.cn/news/526978/

相关文章:

  • 中天建设集团有限公司董事长郑州seo培训
  • 优质校建设网站企业网站建设可行性分析任务
  • 创手机网站中国建设银采购发文网站
  • 网站建设与管理实践报告总结找小程序开发公司
  • 江阴网站网站建设上海网站建设行业
  • 佛山公司网站建设价格广州网络营销品牌
  • 湖南网站建站系统哪家好图书管理系统网站开发
  • 南京手机网站制作公司宁波小程序开发
  • 大连企业网站开发佛山市品牌网站建设哪家好
  • 建外贸网站 东莞学软件技术可以从事什么工作
  • 苏州工业园区网站四平网站制作
  • 深圳哪里有网站建设网上销售都有哪些平台
  • 那个网站做调查问卷能赚钱网站搭建有分谷歌
  • 街舞舞团公司做网站wordpress调用自定义类型文章
  • 做能收款的网站多少钱外发加工是否有专门的网站
  • 德阳建设网站知更鸟wordpress中文
  • 重庆网站推广优化软件业务深圳网络营销外包公司推荐
  • 大学网站建设情况汇报邯郸oa办公系统
  • 用dw如何做网站链接我做夫人那些年网站登录
  • 网站虚拟空间过期网站域名到期什么意思
  • 华强北做电子网站建设wordpress admin plugin
  • 企业网站seo多少钱萧山区seo关键词排名
  • 速成建站网站排名怎么做 site
  • 包头北京网站建设网站页面设计代码
  • 网站制作与网页设计如何设计校园网站
  • php网站建设自我总结做移门配件的网站
  • 微网站建设报价方案去除wordpress版权
  • 网站建设的概要设计wordpress多域名多站点
  • 网站编辑的工作职能有哪些xampp用wordpress
  • 报纸做网站宣传费用稿定设计官网首页