<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="GrowthMonitor.WebForm1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="../_rec/Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
<style type="text/css">
#nav
{
position: fixed;
top: 5px;
right: 10px;
}
#nav span
{
margin-left: 10px;
cursor: pointer;
}
</style>
<!--[if IE 6]>
<style type="text/css">
#nav{position:absolute;width:200px;right:auto;left:expression(eval(document.documentElement.scrollLeft+document.documentElement.clientWidth-this.offsetWidth)-(parseInt(this.currentStyle.marginLeft,10)||0)-(parseInt(this.currentStyle.marginRight,10)||0));}
</style>
<![endif]-->
<script type="text/javascript">
$(function () {
var posArray = [300, 700, 1000, 1500];
var siteName = getCurrentSiteName();
var index = 0;
var span_width = 0;
$(".table-nav span").each(function (i) {
$(this).click(function () {
$(document).scrollLeft(posArray[i]);
if (i == 0) {
span_width = 750;
} else if (i == 1) {
span_width = 1300;
} else if (i == 2) {
span_width = 1850;
} else if (i == 3) {
span_width = 2300;
}
$("#btnFollow").css("left", span_width + "px");
$("#go" + i).css("color", "red").siblings().css("color", "black");
});
});
if (siteName == "百度") {
index = 0;
span_width = 750;
$("#go0").css("color", "red");
} else if (siteName == "谷歌") {
index = 1;
span_width = 1300;
$("#go1").css("color", "red");
} else if (siteName == "新浪") {
index = 2;
span_width = 1850;
$("#go2").css("color", "red");
} else if (siteName == "腾讯") {
index = 3;
span_width = 2300;
$("#go3").css("color", "red");
}
$("#btnFollow").css("left", span_width + "px");
$(document).scrollLeft(posArray[index]);
});
//获取当前门户名称
function getCurrentSiteName() {
var obj = SiteMonitor.Enter.Index.getCurrentSiteName();
return obj.value;
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div id="nav">
<span id="go0">百度</span><span id="go1">谷歌</span><span id="go2">新浪</span><span id="go3">腾讯</span>
</div>
<table width="2500px">
<tr>
<td style="width:500px">百度</td>
<td style="width:500px">谷歌</td>
<td style="width:500px">新浪</td>
<td style="width:500px">腾讯</td>
</tr>
<tr>
<td style="width:500px">百度</td>
<td style="width:500px">谷歌</td>
<td style="width:500px">新浪</td>
<td style="width:500px">腾讯</td>
</tr>
<tr>
<td style="width:500px">百度</td>
<td style="width:500px">谷歌</td>
<td style="width:500px">新浪</td>
<td style="width:500px">腾讯</td>
</tr>
<tr>
<td style="width:500px">百度</td>
<td style="width:500px">谷歌</td>
<td style="width:500px">新浪</td>
<td style="width:500px">腾讯</td>
</tr>
<tr>
<td style="width:500px">百度</td>
<td style="width:500px">谷歌</td>
<td style="width:500px">新浪</td>
<td style="width:500px">腾讯</td>
</tr>
<tr>
<td style="width:500px">百度</td>
<td style="width:500px">谷歌</td>
<td style="width:500px">新浪</td>
<td style="width:500px">腾讯</td>
</tr>
</table>
<div id="btnFollow" style="position: absolute; width: 200px;">
<input type="button" value="bao"/>
</div>
</form>
</body>
</html>
asp.net 长表单填写水平滚动条滑动效果
2012-04-05
813
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
#nav { position: fixed; top: 5px; ...
目录
相关文章
|
开发框架
缓存
JavaScript
|
前端开发
|
前端开发
|
开发框架
前端开发
.NET
|
开发框架
前端开发
.NET
|
开发框架
前端开发
.NET
|
前端开发
.NET
C#
ASP.NET Core Razor 编辑表单 - ASP.NET Core 基础教程 - 简单教程，简单编程
原文:ASP.NET Core Razor 编辑表单 - ASP.NET Core 基础教程 - 简单教程，简单编程
ASP.NET Core Razor 编辑表单
上一章节我们介绍了标签助手和 HTML 助手，也使用标签助手和 HTML 助手分别创建了一个职工列表，感觉好像有点喜欢上标签助手和 HTML 助手了，正好之前我们只讲解了如何列出数据，没有讲解如何创建表单来添加和修改数据
要不本章节我们就来讲讲？ 顺带多用用标签助手和 HTML 助手
本章中，我们将继续讨论标签助手。
1905
0
0
|
前端开发
.NET
开发框架
ASP.NET MVC实践系列12-表单处理
1141
0
0
|
前端开发
.NET
开发框架
ASP.NET MVC 在控制器中接收视图表单POST过来的数据方法
1200
0
0
|
JavaScript
.NET
C#
asp.net 滚动条位置保持不变
假设有个页面，其中以列表形式显示了一些数据记录，每次编辑其中的记录时都需要向服务器提交页面，为了提供良好的用户体验，我们希望每次编辑一条记录并保存后，滚动条位置都能保持不变。传统的做法是每次提交页面时将当前滚动条所在位置信息按某种方式(Hidden字段或QueryString)传给服务器端，当页面返回客户端时，由服务器端根据传入的位置信息以JavaScript形式重新设置滚动条位置。
847
0
0
热门文章
最新文章
1
免费的Asp.net ColorPicker
2
ASP.NET Core MVC 从入门到精通之自动映射（一）
3
java报错javax.net.ssl.SSLHandshakeException: sun.security.validator.ValidatorException
4
一起谈.NET技术，晚绑定场景下对象属性赋值和取值可以不需要PropertyInfo
5
一起谈.NET技术，IoC+AOP的简单实现
6
《Pro ASP.NET MVC 3 Framework》学习笔记之十一【Moq的使用】
7
Quartz.net官方开发指南 第四课：关于Triggers更多内容
8
网站自动跳转到Cjb.Net的惊险之旅
9
《连载 | 物联网框架ServerSuperIO教程》1.4种通讯模式机制。附小文：招.NET开发，结果他转JAVA了，一切都是为了生活
10
在nhibernate 1.2 中使用sqlite时应注意sqlite的ado.net的提供者
1
ASP.NET Core Web API之Token验证
92
2
技术经验分享：ASP.NETCoreMVC打造一个简单的图书馆管理系统(修正版)（七）学生信息增删
38
3
详细解读ASP常用三十三种代码
45
4
详细解读ASP常用三十三种代码
34
5
（20）ASP.NET Core EF创建模型（必需属性和可选属性、最大长度、并发标记、阴影属性）
47
6
ASP.NET Session的认识和解释
49
7
LIMS（实验室）信息管理系统源码、有哪些应用领域？采用C# ASP.NET dotnet 3.5 开发的一套实验室信息系统源码
83
8
ASP淘特二手房房地产系统源码
70
9
学习ASP.NET 中的 默认应用程序配置源
41
10
【.NET Developer】创建ASP.NET Core Blazor项目并打包为Linux镜像发布到Azure应用服务
270