点击变色

<%@ page language="java" contentType="text/html; charset=UTF-8"

pageEncoding="UTF-8"%>

<%@ page import="java.util.List" %>

<%@ include file="/htss/commonJsp/commonHeadJsp.jsp"%>

<%@ page import="com.htss.shankHand.vo.AnnounVo"%>

<link href="<%=request.getContextPath() %>/htss/js/video-js-4.6.4/video-js/video-js.css" rel="stylesheet">

<link rel="stylesheet" href="<%=request.getContextPath()%>/htss/js/pdf/web/viewer.css"/>

<link rel="resource" type="application/l10n" href="<%=request.getContextPath()%>/htss/js/pdf/web/locale/locale.properties"/>

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

<meta name="google" content="notranslate">

<style type="text/css">

#outerContainer * {

box-sizing: content-box;

-webkit-box-sizing: content-box;

}

.eaicon-pdf {

width: 80%;

margin: 40px auto 0px;

height: 158px;

background-image: url(htss/img/tongzhi.png);

background-repeat: no-repeat;

background-position: top center;

font-size: 16px;

font-family: 微软雅黑;

text-align: center;

padding-top: 90px;

}

.inform-left {

width: 80%;

height: 100%;

overflow-y: auto;

-webkit-box-sizing: content-box;

text-align: center;

margin: 0 auto;

background-image: url(htss/img/need3.png);

-moz-background-size:100% 100%;

background-size:100% 100%;

background-repeat: repeat;

}

.none-inform-left {

width: 80%;

height: 100%;

overflow-y: auto;

-webkit-box-sizing: content-box;

text-align: center;

margin: 0 auto;

background-image: url(htss/img/need.png);

-moz-background-size:100% 100%;

background-size:100% 100%;

background-repeat: repeat;

}

.color { color:red }

</style>

</head>

<body>

<div style="width: 100%;height: 100%;">

<!-- 主内容区开始 -->

<div class="ea-detail-main" style="padding:0;height: 100%;">

<div class="ea-detail-sm-nopad pull-left" style="width:20%; height:100%; overflow-y:auto;background-color:#f4f4f4">

<ul id="dragdiv" style="list-style-type:none; padding:0;">

<c:forEach items="${queryList }"  var="AnnounVoList" varStatus="status">

<li><div  class="eaicon-pdf  ea-poointer" onClick="file_play(‘${AnnounVoList.id }‘); changeoption();">${AnnounVoList.title }</div></li>

</c:forEach>

</ul>

</div>

<%

List<AnnounVo> announVoList =(List)request.getAttribute("queryList");

if(announVoList.size()==0)

{ %>

<div class="none-inform-left"></div>

<%

}

else{ %>

<div id="moviePdfContent" class="inform-left" >

<iframe id="Informshow"  frameborder="0"  width="100%" height="99%" src=""> </iframe>

</div>

<%

}%>

</div>

<!-- 主内容区结束 -->

</div>

<script src=\‘#\‘" ) %>/htss/js/video-js-4.6.4/video-js/video.js"></script>

<!-- 拖曳 -->

<script src=\‘#\‘" ) %>/htss/js/drag/jquery.dragsort-0.5.1.min.js"></script>

<script>

//点击变色

var ul = document.getElementById(‘dragdiv‘);

var lis = ul.getElementsByTagName(‘li‘);

for(var i=0;i<lis.length;i++){

lis[i].onclick = function(){

tdonclick(this);

}

}

function tdonclick(obj){

for( var o=0; o<lis.length; o++ ){

if( lis[o] == obj ){

lis[o].className = ‘color‘;

}

else{

lis[o].className = ‘‘;

}

}

}

$(function(){

// $("#dragdiv").dragsort();

})

function file_play(id){

document.getElementById("Informshow").src=\‘#\‘" ) %>/InformShowAction.do?cmd=getDetailInform&id="+id;

}

//禁止ctrl键

function key() {

if(event.ctrlKey){

event.returnValue=false;

event.stopPropagation();

return false;

}

}

document.onkeydown=key;

</script>

</body>

</html>

时间: 2024-11-08 22:10:14

点击变色的相关文章

Android实现按钮点击效果(第一次点击变色,第二次恢复)

1.首先创建一个按钮 <Button android:id="@+id/click" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="点击变色" android:background="@drawable/btn_st" android:gravity="center&

jQuery点击变色的效果

jQuery 点击变色效果的代码实现,点击后文字所在方框的背景会变色,至于变成什么颜色,随你了,本代码的重点是效果的实现,并不局限于细节. <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>接触角测定仪</title> </head> <style type="text/css"> #t

百度地图多边形点击变色

在应用百度地图多边形时会出现点击多边形名称对应多边形变色 使用如下方法 定义map var pologyMap = new Map(); var curPology; 画多边形时 将多边形放入map pologyMap.set(this.id, bmap.polygon); 点击名称时获取对应多边形设置颜色,之前变色的多边形 颜色还原 var polygon = pologyMap.get(parseInt(areaid)); if (curPology != null) { curPology

JQuery实现点击多个标签背景变色,点击变色的恢复原来的颜色

关键代码如下:  $(function(){                 $("div").toggle(function(){     //这儿传入html标签div,也可传入类或者ID,使用了toggle()方法,不懂得同学去百度自行补习                     $(this).css("backgroundColor","red");  //这儿是点击一次后改变成红色                 },function

jQuery table tr隔行变色,鼠标移入移出变色,鼠标点击变色

.trover { background: #f9f9f9; } .trclick { background: #c4e8f5; } .treven{ background:#CCFFCC; } .trodd{ background:#ffffff; } $(function () { //鼠标移入该行和鼠标移除该行的事件 jQuery("#ajaxTable tr:gt(0)").mouseover(function () { jQuery(this).addClass("

Android设置点击变色效果

首先在drawable下面新建一个select.xml文件,代码如下: 1 <?xml version="1.0" encoding="utf-8"?> 2 <selector xmlns:android="http://schemas.android.com/apk/res/android" > 3 <item android:state_pressed="true" android:drawa

Js 实现 多个tr 点击变色,再点击还原

我用的是渲染页面,将自定义的值作为一个表示符判断当前状态 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*滑动变色*/ .min table tr:hover{ background-color: #DFF0D8; } </style&g

Textview组件点击变色和替换左边背景小图

public void onClick(View v) { // TODO Auto-generated method stub switch (v.getId()) { case R.id.list_find_zan: TextView list_find_zany=(TextView) v; Resources resource = (Resources) getBaseContext().getResources(); ColorStateList csl = (ColorStateLis

vue 文字点击变色

样式图: html: <div :key="index" v-for="(item, index) in standing" class="Category"> <label class="Planning" v-bind:class="{ updata_clable: IsIndex === index }" @click="change(index)" >{{