当前位置:  编程技术>WEB前端
本页文章导读:
    ▪在JSP页面中当页面载入的时候,自动启动一个action      在JSP页面中当页面载入的时候,自动启动一个action,并且只执行一次。 当然这里使用到Jquery。先要去下载一个Jquery.js,网上有的,去百度搜索一下。 新建一个JSP页面,写上如下代码: <%@ .........
    ▪jquery根据滚动像素显示隐藏顶部导航条      本文使用jquery的scrollTop方法监视页面垂直滚动像素,并根据像素隐藏或者显示顶部的导航条。效果预览网址:http://www.keleyi.com/keleyi/phtml/scrolloversee.htmscrollTop的介绍:语法$(selector).scrollTop(offset).........
    ▪flex 开发项目报错404错误      错误内容如下图: 解决方案: 将java工程中的ServerPlugins\WebContent\WEB-INF\flex\services-config.xml里面的  <channel-definition id="my-amf" class="mx.messaging.channels.AMFChannel"> 原有的写.........

[1]在JSP页面中当页面载入的时候,自动启动一个action
    来源: 互联网  发布时间: 2013-11-19

在JSP页面中当页面载入的时候,自动启动一个action,并且只执行一次。

当然这里使用到Jquery。先要去下载一个Jquery.js,网上有的,去百度搜索一下。


新建一个JSP页面,写上如下代码:

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<base href=/blog_article/"<%=basePath%>">/index.html 
		<title>My JSP 'MyJsp.jsp' starting page</title> 
		<script type="text/javascript" src=/blog_article/"js/jquery1.9.js"> </script>
 
		<script type="text/javascript">
$(function($) {
	if ($("input:first").val() == "")
		$("form").submit();
 
});
</script>
	</head>
 
	<body>
		<form action="loadAction.action" method="post">
			<input type="hidden" value="${flag}">
 
		</form>
		  
	</body>
</html>

然后你要在struts.xml配置一个action。然后根据这个action,返回来一个值,就可以用字段的方法或者遍历的方法显示在页面上。


作者:lgx06 发表于2013-3-26 18:10:15 原文链接
阅读:19 评论:0 查看评论

    
[2]jquery根据滚动像素显示隐藏顶部导航条
    来源:    发布时间: 2013-11-19

本文使用jquery的scrollTop方法监视页面垂直滚动像素,并根据像素隐藏或者显示顶部的导航条。
效果预览网址:http://www.keleyi.com/keleyi/phtml/scrolloversee.htm

scrollTop的介绍:
语法
$(selector).scrollTop(offset)

参数
offset
描述
可选。规定相对滚动条顶部的偏移,以像素计。


定义和用法
scrollTop() 方法返回或设置匹配元素的滚动条的垂直位置。
scroll top offset 指的是滚动条相对于其顶部的偏移。
如果该方法未设置参数,则返回以像素计的相对滚动条顶部的偏移。

提示和注释
注释:该方法对于可见元素和不可见元素均有效。
注释:当用于获取值时,该方法只返回第一个匹配元素的 scroll top offset。
注释:当用于设置值时,该方法设置所有匹配元素的 scroll top offset。


附完整代码,保存到html文件,打开可以体验效果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.keleyi.com/1999/xhtml">
<head>
<title>监视滚动像素,显示或隐藏顶部导航条-柯乐义</title>
<style type="text/css">
#topmenu_keleyi_com{position:fixed;top:0px;left:0px;right:0px;width:800px;margin-left:auto;margin-right:auto;height:50px;background-color:transparent;display:none;}
#topmenu_keleyi_com li{float:left;
list-style:none;
margin-right:1px;
width:116px;
background-color:#e0f0e0;
}
#topmenu_keleyi_com ul{ margin:0px;padding:0px;}
body{margin:0px;}
</style>
<script type="text/javascript" src="http://www.keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>
</head>
<body>
<div id="topmenu_keleyi_com"><ul><li><a href="http://www.keleyi.com/menu/net/" target="_blank">.NET</a></li><li><a href="http://www.keleyi.com/menu/javascript/" target="_blank">Javascript</a></li><li><a href="http://www.keleyi.com/menu/jquery/" target="_blank">jQuery</a></li><li><a href="http://www.keleyi.com/menu/csharp/" target="_blank">C#</a></li><li><a href="http://www.keleyi.com/menu/other/" target="_blank">其他</a></li><li><a href="http://www.keleyi.com/" target="_blank">首页</a></li></ul></div>
<div >请滚动鼠标使页面向下</div>
<div >www.keleyi.com</div>
<div >欢迎</div>
<div >hi</div>
<div >柯乐义</div>
<div >keleyi.com</div>
<div >keleyi</div>
<div >keleyi.com</div>
<div >柯乐义</div>
<div >柯乐义 监视下滚像素</div>
<div >A</div>
<div >jquery</div>
<div ><a href="http://www.keleyi.com/a/bjac/f4a6f78d74a251c5.htm" target="_blank">原文</a></div>
<div >keleyi.com</div>
<div >完整代码</div>
<script type="text/javascript">
$(function () {
//当滚动条的位置处于距顶部200像素以下时,顶部导航出现,否则消失
$(function () {
$(window).scroll(function () {
if ($(window).scrollTop() > 200) {
$("#topmenu_keleyi_com").fadeIn(100);
}
else {
$("#topmenu_keleyi_com").fadeOut(100);
}
});
});
});
</script>
</body>
</html>

本文转载自柯乐义http://www.keleyi.com/a/bjac/f4a6f78d74a251c5.htm

本文链接


    
[3]flex 开发项目报错404错误
    来源: 互联网  发布时间: 2013-11-19

错误内容如下图:


解决方案:

将java工程中的ServerPlugins\WebContent\WEB-INF\flex\services-config.xml里面的 

<channel-definition id="my-amf" class="mx.messaging.channels.AMFChannel">

原有的写法:<endpoint url="https://{server.name}:{server.port}/{context.root}/messagebroker/amfsecure" class="flex.messaging.endpoints.SecureAMFEndpoint"/>
   改为:  <endpoint url="http://{server.name}:{server.port}/java端的工程名/messagebroker/amf" class="flex.messaging.endpoints.AMFEndpoint"/>
        </channel-definition>


作者:shileimohan 发表于2013-3-26 22:03:10 原文链接
阅读:27 评论:0 查看评论

    
最新技术文章:
▪css white-space:nowrap属性用法(可以强制文字不...
▪IE里button设置border:none属性无效解决方法
▪border:none与border:0使用区别
▪html清除浮动的6种方法示例
▪三个不常见的 HTML5 实用新特性简介
▪css代码优化的12个技巧
▪低版本IE正常运行HTML5+CSS3网站的3种解决方案
▪CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chr...
▪ie6,ie7,ie8完美支持position:fixed的终极解决方案
▪小技巧处理div内容溢出
▪html小技巧之td,div标签里内容不换行
编程语言 iis7站长之家
▪li中插入img图片间有空隙的解决方案
▪CSS3中Transition属性详解以及示例分享
▪父div高度不能自适应子div高度的解决方案
▪告别AJAX实现无刷新提交表单
▪从零学CSS系列之文本属性
▪HTML 标签
▪CSS3+Js实现响应式导航条
▪CSS3实例分享之多重背景的实现(Multiple background...
▪用css截取字符的几种方法详解(css排版隐藏溢...
▪页面遮罩层,并且阻止页面body滚动。bootstrap...
▪CSS可以做的几个令你叹为观止的实例分享
▪详细分析css float 属性以及position:absolute 的区...
▪IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解...
▪CSS小例子(只显示下划线的文本框,像文字一...
▪可以给img元素设置背景图
▪不通过JavaScript实现的自动滚动视差效果
▪div+CSS 兼容小摘
▪CSS的inherit与auto使用分析
 


站内导航:


特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

©2012-2021,,E-mail:www_#163.com(请将#改为@)

浙ICP备11055608号-3