`

浮动按钮

    博客分类:
  • html
阅读更多

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

    pageEncoding="UTF-8"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >

<head runat="server">

<title>test</title>

<script src="jquery-1.7.2.js" type="text/javascript"></script>

<script type="text/javascript">

 

 

function getRadio()

{

   alert("111111111111");

}

</script>

</head>

<BODY onscroll="aa();">

<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<div id=div1 style="position:absolute;left:100;"><INPUT TYPE="button" value='1231234'></div>

<SCRIPT LANGUAGE="JavaScript">

var nTop=50;//你希望的距顶高度

div1.style.top=nTop

function aa()

{

div1.style.top=document.body.scrollTop+nTop;

}

</SCRIPT>

</BODY> 

</html>

 

 

 

 

分享到:
评论

相关推荐

    微信头和仿天猫浮动按钮

    在移动应用开发中,微信头和仿天猫浮动按钮的设计与实现是提高用户体验的重要元素。微信作为中国最流行的社交平台,其界面设计往往被其他开发者借鉴,以提供类似的功能和交互体验。本文将深入探讨这两个特性,并结合...

    微信小程序浮动按钮组件

    微信小程序浮动按钮组件(FAB,Floating Action Button)是一种常见的用户界面设计元素,它通常用于在屏幕底部或角落提供一个突出的、具有主要操作功能的按钮。这种组件的设计理念是简洁明了,易于用户快速识别并...

    android 浮动按钮、浮动窗口、悬浮窗口

    在Android开发中,浮动按钮(Floating Action Button, FAB)、浮动窗口(Floating Window)和悬浮窗口(Floating Window)是常见的用户界面元素,用于提供便捷的操作入口或者实现特殊显示效果。以下将详细介绍这些...

    ios-可移动浮动按钮.zip

    在iOS开发中,浮动按钮(Floating Action Button, FAB)是一种常见的UI元素,它通常用于显示主要的操作或者作为快捷方式的入口。标题“ios-可移动浮动按钮.zip”表明这是一个关于在iOS应用中实现可移动、可吸附到...

    在工具栏中制作浮动按钮

    在IT界,用户界面设计是提升用户体验的关键环节之一,而浮动按钮作为一种常见且实用的交互元素,被广泛应用于各种应用程序和网站中。本教程将详细讲解如何在工具栏中制作浮动按钮,帮助开发者和设计师更好地理解和...

    ios类似AssistiveTouch的全局浮动按钮

    在iOS开发中,"ios类似AssistiveTouch的全局浮动按钮"是一种常见的用户界面特性,它为用户提供了一种快速访问常用功能的方式。这个概念借鉴了苹果设备上的AssistiveTouch功能,AssistiveTouch是苹果系统自带的一个...

    纯js侧边浮动按钮模块支持自定义.zip

    而“纯js侧边浮动按钮模块支持自定义”是一个专门为网站设计的JavaScript组件,它允许开发者在页面侧边添加一个可浮动的按钮,这个按钮能够展开为一排或扇形分布的多功能集合,提供了自定义颜色和布局效果,增强了...

    很有特色的CSS3小球浮动按钮与普通按钮有所不同.zip

    标题“很有特色的CSS3小球浮动按钮与普通按钮有所不同”暗示了我们将探讨一种利用CSS3实现的独特按钮设计,这种设计与传统的HTML按钮有明显的差异。它可能涉及动画效果、3D转换、伪类选择器以及自定义字体等特性,...

    安卓 仿AssistiveTouch 窗口浮动按钮

    在安卓平台上,"仿AssistiveTouch 窗口浮动按钮"是一种常见的用户界面功能,类似于苹果iOS系统中的AssistiveTouch。这个功能为用户提供了一个便捷的入口,通过一个小巧的浮动按钮,用户可以快速访问各种常用操作或者...

    android 拖拽图片 拖动浮动按钮到处跑

    本文将详细介绍如何实现“拖拽图片”和“拖动浮动按钮到处跑”的功能。 首先,我们需要在`onCreate`方法中初始化屏幕尺寸,以便在拖动过程中限制按钮或图片的边界。这可以通过获取`DisplayMetrics`对象来实现: ``...

    添加浮动按钮点击滚动到网页底部的纯JavaScript演示代码

    在网页中添加一个添加浮动按钮,点击该按钮则滚动到网页底部。纯JavaScript。在IE9、11,Maxthon 1.6.7,Firefox30、31,360极速浏览器7.5.3.308下测试正常。 相关说明文章:...

    精彩编程与编程技巧-利用VB实现浮动按钮...

    #### 一、使用Visual Basic (VB) 实现浮动按钮功能 在本案例中,我们探讨了如何使用Visual Basic (VB) 来创建一个具有浮动按钮功能的应用程序。浮动按钮(Floating Button)是一种常见的用户界面元素,在用户界面上...

    android 浮动按钮效果

    在Android开发中,浮动按钮(Floating Action Button, FAB)是一种常见的UI元素,它通常用于表示主要的操作或者动作。FAB的设计理念源自Material Design,它以其醒目的圆形设计和鲜艳的颜色,能快速吸引用户的注意力...

    浮动按钮翻页效果

    在Android开发中,浮动按钮(Floating Action Button, FAB)是一种常见的UI元素,它通常用于表示主要或积极的用户操作,比如添加、保存或者搜索。浮动按钮的设计理念是简洁且引人注目,通常位于屏幕底部右下角,背景...

    ios-浮动按钮,类似京东或者美团外卖的偷红包,其实最相似的是苹果的AssistiveTouch(小圆点),使用更加简单!更加轻量!.zip

    在iOS开发中,浮动按钮(Floating Action Button, FAB)是一种常见的交互元素,它通常用于显示主要的操作或功能,以直观、简洁的方式呈现给用户。标题提到的“ios-浮动按钮”与京东、美团外卖的“偷红包”功能中的...

    监听列表滚动来隐藏或显示Toolbar与浮动按钮

    以上就是如何监听列表滚动来隐藏或显示ToolBar与浮动按钮的基本实现。在实际项目中,可能还需要考虑更多细节,如列表是否已经到底部、是否存在Header等,以便提供更加智能的交互体验。同时,`FabToolbarScrollHide`...

    浮动按钮的实现

    在iOS开发中,浮动按钮(Floating Action Button, FAB)是一种常见的设计元素,它通常用于显示主要或频繁使用的操作。这种按钮的设计理念是简洁、直观,以圆形图标的形式出现在屏幕边缘,可以快速吸引用户的注意力。...

    android浮动按钮代码

    在Android应用开发中,浮动按钮(Floating Action Button, FAB)是一种常见的UI组件,它用于表示主要的操作或者动作。这个“android浮动按钮代码”压缩包很可能是包含了一个完整的示例项目,展示了如何在Android应用...

    Android 悬浮按钮 悬浮框 浮动按钮

    7. 悬浮框(Floating Action Menu):当有多个次要操作时,可以考虑使用浮动动作菜单,它会在点击后展开一系列小的悬浮按钮。这可以通过第三方库如`android-floating-action-button`实现。 在`FloatViewDemo`这个...

    C#浮动按钮(升级版)

    在本项目中,我们关注的是"C#浮动按钮(升级版)",这是一款专为WINFORM应用程序设计的独特控件。浮动按钮,顾名思义,是指在用户界面上能够自由移动或浮动的按钮,它提供了更丰富的交互体验。 这个控件的设计和实现...

Global site tag (gtag.js) - Google Analytics