技术·人生

[internet体验]推出网站精灵-网站助手的功能

[写在前面的话]每一个浏览本站的读者，可能并不熟悉本站可以提供给你的所有功能，为了能让每位浏览者充分享受到各项功能，就需要向浏览者一一介绍，或许把所有功能集合在一起，建立个传统的帮助页面能够解决问题，但是本站并非专业提供服务的网站，读者一定没有兴趣去查看密密麻麻的帮助，因此我决定写个类似网站助手的功能，让读者在正常浏览网页的情况下，在当前网页的有小角显示一个提示框，用来提示本站提供的功能。截图：


[正文]网站精灵(暂且这么命名)的作用就是向浏览者介绍一些技巧、本站提供的但并不是很明显的小功能，以达到使浏览者能得知更多信息，或者更方便的得知更多信息的效果。它需满足下列条件或者实现下列功能：
1、占用页面不能太大，否者影响正常浏览其他内容，喧宾夺主
2、可以随时关闭(或者隐藏)
3、可以(在一定时间间隔后)自动关闭
4、由于条件1，那么要从所有提示中随机的显示一些提示。当一个提示显示完后，要隔一段时间后再显示下一条提示。当所有提示显示完一遍后，不再显示。
5、提示中要允许图片、超级链接等基本的网页元素。
6、允许浏览者用鼠标把它拖动到想要的位置。
基本上就这么多吧。我用Javascript实现这些功能。看下效果：
图一：随机提示一般显示在网页右侧下方：

它主要分3部分，上面是标题，中间是内容，下面的关闭的信息。如果想直接关闭，可以点”我知道了”,或者它在倒计时结束后会自动关闭，如果不想让它自动关闭，就把复选框的勾去掉即可。
图二:可拖动

把鼠标放到标题位置，会显示移动标志，按下鼠标可拖动到合适位置
图三：拖动时的效果：

这里拖动时设置成了半透明的，之所以这么做，是为了拖动时，可以看清底层的网页元素，能够拖放到更合适的位置。
[仍然存在的不足]：
1、界面不太美观
2、排版也不好
3、拖动时有小问题
4、网页滚动时没有自动跟随滚动(此项本人不打算修改)
5、其他….
[下一步改进]
首先会更改上面不足里面的前3条。然后就是增加提示的内容，看看能不能把更多的内容(不限于本站功能提示)，比如当前热门信息、天气等加到提示里面去。