可移动的浮动框的实现方法？

cnhuai 2012-03-20 10:58:59

案例1：http://www.lunwentong.com/ 打开这个网址，在左上角的“论文通客服”，是可以移动，悬浮于页面的信息框；
案例2：http://slide.news.sina.com.cn/c/slide_1_2841_22048.html#p=10 点击图片，出现的透明图层；

这两个是通过什么方式实现的？

还有哪些可以实现这种浮动框的方法？

这种图层的出现方式，是否可以通过设定一个移动路线，从下移动到界面的中央呢？

...全文

322 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

dryZeng 2012-03-21

打赏
举报

回复

[Quote=引用 3 楼 cnhuai 的回复:]

DIV+CSS+Js结合的一种方法；

还有其他的实现方式吗？
[/Quote]

这就能很完美地解决你的问题啦。还要什么其它方式呢。

在网上去搜，很多的，或者直接在你发的这两个网站的源码中取就行啦。

cnhuai 2012-03-21

打赏
举报

回复

DIV+CSS+Js结合的一种方法；

还有其他的实现方式吗？

xieshengjun2009 2012-03-20

打赏
举报

回复

DIV
CSS
Js控制

dragonAhao 2012-03-20

打赏
举报

回复

浮动框
好实现
透明框和它用的是同一个东西，但是把背景用透明transparent替代了

Whats jBox?jBox is a webpage UI dialog widget written in javascript on top of the jQuery library.its easy to show a div element content,inline content,iframed content in a float box with a hybri

2016.09.24 23:52*字数 71阅读 5925评论 9喜欢 11 让所有界面都显示，最好还是封装一个继承Window的类：JYCWindow。先看看效果： mygif.gif 关键代码如下： - (instancetype)initWithFrame:(CGRect)frame mainImageName:...

调用的话直接调用begin方法就可以了，自己的笔记没有太多解释，代码很简单的package com.tianxia.administrator.chuanganqi; import android.animation.ObjectAnimator; import android.content.Context; import android.graphics.PixelFormat; impor

QT浮动窗口开发工具与关键技术： QT 作者：何文涛撰写时间：2020-4-25 头文件部分： #include class MainWindow : public QMainWindow { Q_OBJECT public: MainWindow(QWidget *parent = 0); ~MainWindow(); }; Cpp文件部分： MainWindow::MainWindow...

css浮动是页面布局的一种方式页面的布局方式;

67,535

社区成员

225,852

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章