会员可以在此提问,百战程序员老师有问必答
对大家有帮助的问答会被标记为“推荐”
看完课程过来浏览一下别人提的问题,会帮你学得更全面
截止目前,同学们一共提了 134726个问题

老师请教您一个问题

想将弹框的内容变成页面。并且有一个页标签。这是我新增按钮方法

//新增
function add(){
    top.jzts();
    var diag = new top.Dialog();
    diag.Drag=true;
    diag.Title ="新增";
    diag.URL = '<%=basePath%>project/goAdd.do';
    diag.Width = 450;
    diag.Height = 355;
    diag.Modal = true;             //有无遮罩窗口
    diag. ShowMaxButton = true;   //最大化按钮
     diag.ShowMinButton = true;       //最小化按钮
    diag.CancelEvent = function(){ //关闭事件
       if(diag.innerFrame.contentWindow.document.getElementById('zhongxin').style.display == 'none'){
          if('${page.currentPage}' == '0'){
             tosearch();
          }else{
             tosearch();
          }
      }
      diag.close();
    };
    diag.show();
}


菜单页标签好像是用了这的方法,但不知道该如何用在按钮上面。想请老师指点一下

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%
   String path = request.getContextPath();
   String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html lang="en">
   <head>
   <base href="<%=basePath%>">
   <script type="text/javascript" src="static/js/jquery-1.7.2.js"></script>
   <script type="text/javascript" src="plugins/tab/js/framework.js"></script>
   <link href="plugins/tab/css/import_basic.css" rel="stylesheet" type="text/css"/>
   <link  rel="stylesheet" type="text/css" id="skin" prePath="plugins/tab/" /><!--默认相对于根目录路径为../,可添加prePath属性自定义相对路径,如prePath="<%=request.getContextPath()%>"-->
   <script type="text/javascript" charset="utf-8" src="plugins/tab/js/tab.js"></script>
   </head>
<body>
<div id="tab_menu"></div>
<div style="width:100%;">
   <div id="page" style="width:100%;height:100%;"></div>
</div>    
</body>
<script type="text/javascript">

function tabAddHandler(mid,mtitle,murl){
   tab.update({
      id :mid,
      title :mtitle,
      url :murl,
      isClosed :true
   });
   tab.add({
      id :mid,
      title :mtitle,
      url :murl,
      isClosed :true
   });

   tab.activate(mid);
}
 var tab;  
$( function() {
    tab = new TabView( {
      containerId :'tab_menu',
      pageid :'page',
      cid :'tab1',
      position :"top"
   });
   tab.add( {
      id :'tab1_index1',
      title :"主页",
      url :"<%=basePath%>login_default.do",
      isClosed :false
   });
   /**tab.add( {
      id :'tab1_index1',
      title :"主页",
      url :"/per/undoTask!gettwo",
      isClosed :false
   });
   **/
});

   function cmainFrameT(){
      var hmainT = document.getElementById("page");
      var bheightT = document.documentElement.clientHeight;
      hmainT .style.width = '100%';
      hmainT .style.height = (bheightT  - 41) + 'px';
   }
   cmainFrameT();
   window.onresize=function(){  
      cmainFrameT();
   };

</script>
</html>



image.png

JAVA 全系列/第五阶段:Web全栈开发基础与Vue/Jquery(旧) 661楼
JAVA 全系列/第五阶段:Web全栈开发基础与Vue/jQuery 663楼
JAVA 全系列/第五阶段:Web全栈开发基础与Vue/HTML5(旧) 665楼

老师,我用JQ,没有变色?jq这不是引入了吗?

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>隔行变色-CSS</title>
		<style type="text/css">
			.datalist{
				border:1px solid #007108;	
				font-family:Arial;
				border-collapse:collapse;	
				background-color:#d9ffdc;	
				font-size:14px;
			}	
			
			.datalist th{
				border:1px solid #007108;	
				background-color:#00a40c;	
				color:#FFFFFF;				
				font-weight:bold;
				padding-top:4px; padding-bottom:4px;
				padding-left:12px; padding-right:12px;
				text-align:center;
			}
			
			.datalist td{
				border:1px solid #007108;	
				text-align:left;
				padding-top:4px; 
				padding-bottom:4px;
				padding-left:10px; 
				padding-right:10px;
				
			}	
		</style>
		 	<script src="is/jquery-1.9.1.js" type="text/javascript" charset="UTF-8"></script>
			<script type="text/javascript">
				
			/*window.onload=function(){
					
					//获得所有的tr对象
					
					var tr = document.getElementsByTagName("tr");
					
					for(var i=0;i<tr.length;i++){
						
						if(i%2==0){
							
							tr[i].style.backgroundColor="red";
						}else{
							tr[i].style.backgroundColor="green";
						}
						
					}
					
				}*/
				
				$(function(){
					
					$("tr:odd").css("background-color","red");	
				})
				
				
			</script>
		
	</head>
	<body>
		<table class="datalist" summary="list of members in EE Studay" id="oTable">
			<tr>
				<th scope="col">Name</th>
				<th scope="col">Class</th>
				<th scope="col">Birthday</th>
				<th scope="col">Constellation</th>
				<th scope="col">Mobile</th>
			</tr>
			<tr>					<!-- 奇数行 -->
				<td>isaac</td>
				<td>W13</td>
				<td>Jun 24th</td>
				<td>Cancer</td>
				<td>1118159</td>
			</tr>
		    <tr class="altrow">		<!-- 偶数行 -->
				<td>fresheggs</td>
				<td>W610</td>
				<td>Nov 5th</td>
				<td>Scorpio</td>
				<td>1038818</td>
			</tr>
			<tr>					<!-- 奇数行 -->
				<td>girlwing</td>
				<td>W210</td>
				<td>Sep 16th</td>
				<td>Virgo</td>
				<td>1307994</td>
			</tr>
			<tr class="altrow">		<!-- 偶数行 -->
				<td>tastestory</td>
				<td>W15</td>
				<td>Nov 29th</td>
				<td>Sagittarius</td>
				<td>1095245</td>
			</tr>
			<tr>					<!-- 奇数行 -->
				<td>lovehate</td>
				<td>W47</td>
				<td>Sep 5th</td>
				<td>Virgo</td>
				<td>6098017</td>
			</tr>
			<tr class="altrow">		<!-- 偶数行 -->
				<td>slepox</td>
				<td>W19</td>
				<td>Nov 18th</td>
				<td>Scorpio</td>
				<td>0658635</td>
			</tr>
			<tr>					<!-- 奇数行 -->
				<td>smartlau</td>
				<td>W19</td>
				<td>Dec 30th</td>
				<td>Capricorn</td>
				<td>0006621</td>
			</tr>
			<tr class="altrow">		<!-- 偶数行 -->
				<td>shenhuanyan</td>
				<td>W25</td>
				<td>Jan 31th</td>
				<td>Aquarius</td>
				<td>0621827</td>
			</tr>
			<tr>					<!-- 奇数行 -->
				<td>tuonene</td>
				<td>W210</td>
				<td>Nov 26th</td>
				<td>Sagittarius</td>
				<td>0091704</td>
			</tr>
			<tr class="altrow">		<!-- 偶数行 -->
				<td>ArthurRivers</td>
				<td>W91</td>
				<td>Feb 26th</td>
				<td>Pisces</td>
				<td>0468357</td>
			</tr>
			<tr>					<!-- 奇数行 -->
				<td>reconzansp</td>
				<td>W09</td>
				<td>Oct 13th</td>
				<td>Libra</td>
				<td>3643041</td>
			</tr>
			<tr class="altrow">		<!-- 偶数行 -->
				<td>linear</td>
				<td>W86</td>
				<td>Aug 18th</td>
				<td>Leo</td>
				<td>6398341</td>
			</tr>
			<tr>					<!-- 奇数行 -->
				<td>laopiao</td>
				<td>W41</td>
				<td>May 17th</td>
				<td>Taurus</td>
				<td>1254004</td>
			</tr>
			<tr class="altrow">		<!-- 偶数行 -->
				<td>dovecho</td>
				<td>W19</td>
				<td>Dec 9th</td>
				<td>Sagittarius</td>
				<td>1892013</td>
			</tr>
			<tr>					<!-- 奇数行 -->
				<td>shanghen</td>
				<td>W42</td>
				<td>May 24th</td>
				<td>Gemini</td>
				<td>1544254</td>
			</tr>
			<tr class="altrow">		<!-- 偶数行 -->
				<td>venessawj</td>
				<td>W45</td>
				<td>Apr 1st</td>
				<td>Aries</td>
				<td>1523753</td>
			</tr>
			<tr>					<!-- 奇数行 -->
				<td>lightyear</td>
				<td>W311</td>
				<td>Mar 23th</td>
				<td>Aries</td>
				<td>1002908</td>
			</tr>
		</table>
	</body>
</html>

image.png

JAVA 全系列/第五阶段:Web全栈开发基础与Vue/Jquery(旧) 666楼

老师,我这代码运行了 动画效果显示不出来



<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title></title>

<style>

.cen{

width:200px;

height:200px;

background-color:#d5093c ;

/*阴影   水平方向偏移  垂直方向偏移  模糊度   阴影的颜色*/

box-shadow: 0px 0px  70px #D5093C;

/*执行动画的调用*/

animation:1s aj ;

}

.lef{

/*倒圆角指令*/

border-radius:100px ;

/*左上右下  右上左下*/

/*border-radius:10px  60px ;*/

/*border-radius:10px 20px 30px 40px ;*/

position:absolute;

top:200px;

left:200px;

}

.rig{

border-radius: 100px;

position:absolute;

top:200px;

left:341px;

}

.c{

/*旋转角度*/

transform: rotate(45deg);

position:absolute;

top:269px;

left:271px;

}

/*div:hover{

/*放大的倍数*/

/*transform: scale(1.3);*/

/*X:水平的位移    Y:垂直的位移      负数:上*/

/* transfrom:translate(0px,-5px);*/

/*2D角度的旋转*/

/*transform:skew(40deg,45deg);*/

/*CSS3中的动画*/

@keyframes aj{

0%{transform: scale(1) rotate(45deg);}

50%{transform: scale(1.1) rotate(45deg);}

100%{transform: scale(1) rotate(45deg);}

</style>

</head>

<body>

<div   class="cen lef"></div>

<div   class="cen c"></div>

<div   class="cen rig"></div>

</body>

</html>

<!--

CSS3中常用的属性

/*倒圆角指令*/

border-radius:100px ;

/*左上右下  右上左下*/

/*border-radius:10px  60px ;*/

/*border-radius:10px 20px 30px 40px ;*/

/*旋转角度*/

transform: rotate(45deg);

/*放大的倍数*/

/*transform: scale(1.3);*/

/*X:水平的位移    Y:垂直的位移      负数:上*/

/* transfrom:translate(0px,-5px);*/

/*2D角度的旋转*/

/*阴影   水平方向偏移  垂直方向偏移  模糊度   阴影的颜色*/

box-shadow: 0px 0px  70px #D5093C;

-->


JAVA 全系列/第五阶段:Web全栈开发基础与Vue/CSS3(旧) 670楼
JAVA 全系列/第五阶段:Web全栈开发基础与Vue/HTML5(旧) 671楼
JAVA 全系列/第五阶段:Web全栈开发基础与Vue/Javascript 语言(旧) 672楼
JAVA 全系列/第五阶段:Web全栈开发基础与Vue/HTML5(旧) 673楼
JAVA 全系列/第五阶段:Web全栈开发基础与Vue/CSS3(旧) 674楼
JAVA 全系列/第五阶段:Web全栈开发基础与Vue/CSS3(旧) 675楼

课程分类

百战程序员微信公众号

百战程序员微信小程序

©2014-2026百战汇智(北京)科技有限公司 All Rights Reserved 北京亦庄经济开发区科创十四街 赛蒂国际工业园
网站维护:百战汇智(北京)科技有限公司
京公网安备 11011402011233号    京ICP备18060230号-3    营业执照    经营许可证:京B2-20212637