心型结构展示

我是社区第70504位番薯,欢迎点我头像关注我哦~
        又到了年底了,一年一度的各种总结会来了。想想帆软又是什么3D地图什么3D变换,各种高端,各种变换。而你们还将这些东西放到帆软默认的主题,放到一页一页上的报表去浏览。想想有点配不上这么高端的3D插件啊。
      
       不过没关系,今天给大家介绍一个利器,让你在各种需要炫酷展示的地方都能吸引人的眼球,让老板一眼就能记住你,升职加薪不是梦。你们要做的非常简单,下载附件,里面的html就是你需要的东西。下面给大家说说一些你需要注意的地方。
   
        1.第一页最好不要是iframe,直接最好是一个html的开场页面
       2.这个东西需要性能比较良好的电脑来运行,否则会比较卡顿,简单来说就是穷逼不配有炫酷的效果。
       3.按方向键是下一页,右下角的心相当于小地图,按ESC可以将整个页面心型展示。
       4.你所需要修改的就是html页面中的地址。

  1. <div id="/section-1/page-3" class="ft-page page-3 left-img" data-id="page-3">
  2. <iframe  src='http:baidu.com'width='100%' height='100%' frameBorder="0"></iframe>
  3. </div>
复制代码

        都是这个结构的,只需要修改地址就可以了,建议最好这个页面是刚好一整页的,不要有下拉,页最好不要不能铺满整个页面,这样效果是最佳的!
       5.支持背景音乐,换背景音乐只需要换地址,不需要音乐可以删掉

  1. <audio id="bgmMusic" src="music/saveme.mp3" autoplay="autoplay" loop preload="auto" type="audio/mp3"></audio>
复制代码

        这个是前台可以操控背景音乐的代码,一个小喇叭,不需要可以删掉
  1. <div class="mPower"><span id="on" title="点击暂停"></span><span id="off" title="点击播放"></span></div>
复制代码

        6.由于是html的所以只要有浏览器就可以运行,你也可以将这个东西放到你的帆软工程中来使用他,非常的方便
      7.这个不是本人开发,我是拿来使用和修改的(其实该页面也不难,如果你有特殊需求可以回帖留言,楼主一般可以帮助你开定制开发)。


心型展示.zip (3.9 MB, 下载次数: 122, 售价: 200 个F豆)

发表于 2018-1-16 11:37:57
发表于 2018-1-16 13:46:58
这么6
发表于 2018-1-16 14:11:17
发表于 2018-1-16 16:28:33
h5+css3可以到6
发表于 2018-1-16 16:42:31

楼主升职加薪了没有
发表于 2018-1-16 17:18:32
我朋友用类似的效果做了一个他们班级的相册
发表于 2018-1-16 19:46:16
发表于 2018-1-17 13:16:13

为啥有种杀马特那个年代感,是配色还是布局,到底谁谁让我回忆起了那些年做过的头发
发表于 2018-1-17 13:17:45
发表于 2018-1-22 11:25:23
发表于 2018-6-4 15:06:11
必须没有
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

23回帖数 1关注人数 7253浏览人数
最后回复于:2018-6-4 15:06

返回顶部 返回列表