有效沟通问答-【官方】百战程序员_IT在线教育培训机构

<style type="text/css">
			.div_1 {
				width: 200px;
				height: 200px;
				background-color: rgba(255.0.0);
				color: rgba(0.0.255);
				/*调整透明度的属性  0-1*/
				opacity: 0.4;
				/*超出部分 隐藏*/
				overflow: hidden;
				/*超出部分添加滚动条并不不会隐藏*/
				overflow: auto;
			}
		</style>

JAVA 全系列/第四阶段：网页编程和设计/CSS3（旧） 707楼

使用老师的源码运行，并没有动画效果，怎么回事呀

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#div1{
				
				height: 300px;
				
				background-color: green;
				
			}
			
			#div2{
				
				height: 300px;
				
				background-color: yellow;
				
				
				
			}
		</style>
		
		<script src="js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
		
		<script type="text/javascript">
			
			  $(function(){
			  	  $("#bu1").click(function(){
			  	  	
			  	  	  //获得div对象
			  	  	  var  div1 =$("#div1");
			  	  	  
			  	  	  //3s隐藏动画
//			  	  	  div1.hide(3000);
			  	  	  
//			  	  	  div1.show(3000);
                      //隐藏的显示 ---显示的隐藏
                      //$("div").toggle(3000);
                     //滑动上
//                   div1.slideUp(3000);
                     //滑动下
//                   div1.slideDown(3000);
                     //滑动上--滑动下    滑动下---滑动上
//                   $("div").slideToggle(3000);
                   
                     //淡出
                     div1.fadeOut(3000);
                     //淡入
                     div1.fadeIn(3000);
			  	  	
			  	  })
			  	  
			  	  
			  	
			  	
			  	
			  })
			
			
			
		</script>
		
	</head>
	<body>
		
		<input type="button" id="bu1" value='动画触发'>
		
		<hr />
		
		<div id="div1"></div>
		
		<div id="div2"></div>
		
		
	</body>
</html>

JAVA 全系列/第四阶段：网页编程和设计/Jquery（旧） 708楼

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系统时间</title>
</head>
<body>
<script>
Date.prototype.format = function (fmt) {
var o = {
"y+": this.getFullYear, //年
"M+": this.getMonth() + 1, //月份
"d+": this.getDate(), //日
"h+": this.getHours(), //小时
"m+": this.getMinutes(), //分
"s+": this.getSeconds() //秒
};
if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
for (var k in o)
if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
return fmt;
}
setInterval("document.getElementById('dateTime').innerHTML = (new Date()).format('yyyy-MM-dd hh:mm:ss');", 1000);
</script>
<div id="dateTime"></div>
</body>

老师，这是网上找的一个格式化时间的代码，这块是什么意思

JAVA 全系列/第四阶段：网页编程和设计/Javascript 语言（旧） 709楼

老师，您好，我想要请教以下为啥，我按删除按钮，他不会将整行数据删除

点击前：

点击后：

我的代码如下：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>DOM案例实现</title>
		<style>
			tr{
				height: 70px;
			}
			td,th{
				width: 200px;	
				/*内容居中*/		
				text-align: center;			
			}
		</style>
		<script>
			//添加操作
			function add(){
				//获得table表格对象
				var table = document.getElementById("table1");
				//创建tr结点对象（行）,并放到table里面
				var tr = document.createElement("tr");
				table.appendChild(tr);				
				//创建td结点对象（列）,并放到tr里面
				var td1 = document.createElement("td");
				var td2 = document.createElement("td");
				var td3 = document.createElement("td");	
				tr.appendChild(td1);
				tr.appendChild(td2);
				tr.appendChild(td3); 				
				//td内的内容
				td1.innerHTML = "<input type='text' size='10px' onblur='save(this)'/>";
				td2.innerHTML = "<input type='text' size='10px' onblur='save(this)'/>";
				td3.innerHTML = "<input type='button' value='添加' />"+
								"<input type='button' value='删除' onclick='removeNode(this)' />";	
			}
			//保存操作
			function save(thi){
				//间接获得父节点
				var td = thi.parentNode;
				//将值交给外层的父节点
				td.innerText = thi.value;
			}
			//删除操作
			function removeNode(thi){
				var tr= thi.parentNode.parentNode;
				tr.remove();
			}

		</script>
	</head>
	<body>
		<table id="table1" border="1px" align="center">
			<tr>
				<th>图书名称</th>
				<th>图书价格</th>
				<th>操作</th>
			</tr>
			<tr>
				<td>javaSE</td>
				<td>19</td>
				<td>
					<input type="button" name="" id="" value="添加" onclick="add()" />
					<input type="button" name="" id="" value="删除" onclick="removeNode(this)"/>
				</td>
			</tr>
			<tr>
				<td>javaEE</td>
				<td>22</td>			
				<td>
					<input type="button" name="" id="" value="添加" onclick="add()" />
					<input type="button" name="" id="" value="删除" onclick="removeNode(this)"/>				
				</td>
			</tr>
		</table>
	</body>
</html>

JAVA 全系列/第四阶段：网页编程和设计/Javascript 语言（旧） 710楼

用idea 网页啥也不显示咋回事啊老师，然后自带的那个软件也用不了，然后idea这个点那个谷歌的小图标也点不了，显示没有路径

JAVA 全系列/第四阶段：网页编程和设计/Javascript 语言（旧） 711楼

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>练习项目</title>
		
		<style type="text/css">
			
				*{
						width: 300px;
						height: 300px;
						border: 1px solid #D2691E;
						
				}
				
				#div2{
					color: cadetblue;
					background-color: chocolate;
				}
		</style>
	
	</head>
	<body>

		<div>
			
		</div>
		
		<div id="div2">
			hello
		</div>
		
		<div>
			
		</div>
	
	</body>
</html>

老师，为什么我在通用选择器里面加上边框以后第一个div上出现重叠的框

JAVA 全系列/第四阶段：网页编程和设计/CSS3（旧） 712楼

为什么我用方式二获得的value 属性也是动态的不是默认值

<!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>
    <script>
      function f() {
        var type = inp_1.type;
        var tname = inp_1.name;
        var id = inp_1.id;
        var value = inp_1.value;

        inp_1.type = "button";

        // alert(type + "----" + tname + "------" + id + "---" + value);

        var value1 = inp_1.getAttribute("value");
        alert(value1);
        // var type1 = inp_1.setAttribute("type", "button");
      }
    </script>
  </head>
  <body>
    <input type="text" name="textinp" id="inp_1" value="张" />
    <input type="button" value="测试" onclick="f()" />
  </body>
</html>

JAVA 全系列/第四阶段：网页编程和设计/Javascript 语言（旧） 713楼

老师，我这个京东的图标和搜索框的图标，运行完和视频里的不一样，我这个完全置右侧和左侧了

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</ul>

<ul>

</ul>

</div>

</div>

</body>

</html>

jd文件

.nav{

height: 30px;

background-color:#f1f1f1;

}

.warp{

width:1000px;

margin:0px auto;

/*border:1px solid red;*/

}

.nav_ul1,.nav_ul2 li{

float:left;

}

.nav_ul1 li{

float:left;

line-height: 30px;

margin-right: 20px;

}

.nav_ul1 a,.nav_ul2 a,.nav_ul2 span{

font-size:12px;

color: gray;

}

.nav_ul2{

float:right;

}

.nav_ul2 li{

line-height:30px;

margin-left: 10px;

}

.nav a:hover{

color:red;

}

/*搜索框开始*/

.search{

margin-top: 20px;

}

.search img{

/*清除之前的样式*/

clear: both;

float:left;

}

/*搜索框结束*/

.search_div{

float: right;

}

JAVA 全系列/第四阶段：网页编程和设计/CSS3（旧） 714楼

老师，请问为什么无颜色啊，class不是等于color 应该是orange色吗

JAVA 全系列/第四阶段：网页编程和设计/Javascript 语言（旧） 715楼

像上面，$里边直接写标签（包括内容）

这是个什么用法呢

JAVA 全系列/第四阶段：网页编程和设计/jQuery 716楼

老师，我这个京东的图标和搜索框的图标，运行完和视频里的不一样，我这个完全置右侧和左侧了

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</ul>

<ul>

</ul>

</div>

</div>

</body>

</html>

jd文件

.nav{

height: 30px;

background-color:#f1f1f1;

}

.warp{

width:1000px;

margin:0px auto;

/*border:1px solid red;*/

}

.nav_ul1,.nav_ul2 li{

float:left;

}

.nav_ul1 li{

float:left;

line-height: 30px;

margin-right: 20px;

}

.nav_ul1 a,.nav_ul2 a,.nav_ul2 span{

font-size:12px;

color: gray;

}

.nav_ul2{

float:right;

}

.nav_ul2 li{

line-height:30px;

margin-left: 10px;

}

.nav a:hover{

color:red;

}

/*搜索框开始*/

.search{

margin-top: 20px;

}

.search img{

/*清除之前的样式*/

clear: both;

float:left;

}

/*搜索框结束*/

.search_div{

float: right;

}

JAVA 全系列/第四阶段：网页编程和设计/CSS3（旧） 717楼

——————————————————————

老师请问，

    function zong(){
                
              var flag=checkName()&checkPwd()&checkEmail();
              return flag;
            }

为何如果用一个

而不是视频中的两个

网页输入如果不符合要求时，会提议1秒后刷新？而不是提示让你改

JAVA 全系列/第四阶段：网页编程和设计/Javascript 语言（旧） 718楼

老师，这个clikc事件在这个funciton方法体内，点击事件触发这个方法，可是没进去这个方法怎么会和button按键绑定呢。意思是为什么这个click代码不在function外面

JAVA 全系列/第四阶段：网页编程和设计/Jquery（旧） 719楼

老师为什么直接再div元素选择器中加宽和高不生效?

JAVA 全系列/第四阶段：网页编程和设计/CSS3（旧） 720楼

同学您好