请选择 进入手机版 | 继续访问电脑版
chenfeng1029
金牌服务用户   /  发表于:2020-2-1 15:04  /   查看:2138  /  回复:8
1金币


这种界面,是否可以设计?我看活字格的help帮助也是用这个类似做的。
看上去效果不错,很简洁。
附件: 您需要 登录 才可以下载或查看,没有帐号?立即注册

最佳答案

查看完整内容

你也可以看看这里:侧边菜单栏的一种处理方式 https://gcdn.grapecity.com.cn/forum.php?mod=viewthread&tid=52902&fromuid=51381 (出处: 葡萄城产品技术社区)

8 个回复

最佳答案
最佳答案
Eric.Liang讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2020-2-1 15:04:19
来自 6#
你也可以看看这里:侧边菜单栏的一种处理方式
https://gcdn.grapecity.com.cn/fo ... 2&fromuid=51381
(出处: 葡萄城产品技术社区)
回复 使用道具 举报
cg6207悬赏达人认证 活字格认证
银牌会员   /  发表于:2020-2-2 09:41:19
2#
是可以的
建立一个CSS文档

之后复制文本保存


Forguncy.Page.bind('Loaded', null, function () {
    $("[fgcname='treebar']").css("display", "block");
    $("[fgcname='treebar']").css("z-index", "999");
    $("[fgcname='treebar']").mouseleave(function () {
        $("[fgcname='treebar']").animate({ left: "0px", width: "0px" }, 500);
    });
    var value = parseFloat($("[fgcname='treebar']").height());
    var readmore = document.createElement('div');
    readmore.setAttribute('id', 'toucharea');
    readmore.style.width = "20px";//这里可以设置,数值越大,那么鼠标就不用那么靠近最左侧就可以呼出菜单
    readmore.style.height = '100%';
    readmore.style.zIndex = '9';
    readmore.style.position = "absolute";
    readmore.style.display = "block";
    readmore.style.left = '0px';
    readmore.style.top = '0px';
    readmore.style.background = 'rgba(5,15,55,0)';
    readmore.onmouseover = function () {
        $("[fgcname='treebar']").animate({ left: "0px", width: "200px" }, 500);
    };
    $("[fgcname='treebar']").after(readmore);
    $("#toucharea").after("<div id='toucharea1' style='width: 20px;color: coral;z-index:9999;height: 20px;position: absolute;left: 0px;top: 300px;font-size: 16px;vertical-align: middle;text-align: center;'>></div>");
    setInterval(() => {
        $("#toucharea1").toggle();
    }, 400);
}, "*");

回复 使用道具 举报
夏雪冬阳
论坛元老   /  发表于:2020-2-2 10:46:08
3#
这个css文档怎么用,对页面的什么元素起作用
回复 使用道具 举报
Eric.Liang讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2020-2-3 10:10:23
4#
cg6207 发表于 2020-2-2 09:41
是可以的
建立一个CSS文档

曾老板,你是不是应该详细的给大家描述下如何使用呢
回复 使用道具 举报
Tracy.Liu讲师达人认证 悬赏达人认证 活字格认证
论坛元老   /  发表于:2020-2-3 10:12:44
5#
您好,您看下弹出下拉页面功能是不是可以解决您的问题。
伸缩式的树形结构
https://gcdn.grapecity.com.cn/fo ... 55376&fromuid=52377
(出处: 葡萄城产品技术社区)
回复 使用道具 举报
chenfeng1029
金牌服务用户   /  发表于:2020-2-3 22:48:43
7#
Eric.Liang 发表于 2020-2-3 11:12
你也可以看看这里:侧边菜单栏的一种处理方式
https://gcdn.grapecity.com.cn/forum.php?mod=viewthread&t ...

确实不错的侧边栏。
回复 使用道具 举报
chenfeng1029
金牌服务用户   /  发表于:2020-2-3 22:49:13
8#
chenfeng1029 发表于 2020-2-3 22:48
确实不错的侧边栏。

不过。我对你们活字格help帮助的页面,设计风格比较喜欢,有样板吗?嘿嘿,
回复 使用道具 举报
Eric.Liang讲师达人认证 悬赏达人认证 活字格认证
超级版主   /  发表于:2020-2-4 09:21:00
9#
chenfeng1029 发表于 2020-2-3 22:49
不过。我对你们活字格help帮助的页面,设计风格比较喜欢,有样板吗?嘿嘿,

那个不是活字格的页面,活字格的页面属于所见即所得,所以菜单无法直接做成展示收回。只能通过上述的CSS样式去修改。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 立即注册
返回顶部