官方榜单 | 2024年11月<星智榜>重磅发布

caa732cb3487e90d35d32070b2333ad6.jpeg

立足2024年岁末回望,我们携手开发者伙伴们共同走过了意义非凡的一年。为了与大家更有力地走进2025年,文心智能体平台在此郑重发布「星智榜」智能体榜单,旨在鼓励那些具有创造性、代表性、用户认可的优质智能体及其开发者,同时助推智能体赛道的发展与创新。

「星智榜」智能体榜单分为三个子榜,为不同类型的智能体与开发者提供充分的成长与展示空间。

⭐️ 领秀智能体:围绕上一个自然月内调优后发布的智能体,评估其用户喜爱、体验质量等维度,致力于鼓励追求极致的开发者。

⭐️ 新秀智能体:围绕上两个自然月内首次创建发布的智能体,评估其创新创意、用户喜爱等维度,致力于鼓励创新创造的开发者。

⭐️ 商业智能体:围绕上一个自然月内商业经营属性的智能体,评估其组件点击、转化效率等维度,致力于鼓励提供智能服务的开发者。

为了鼓励不断探索、创新的开发者,给到智能体更多的展示空间,我们上线了「优秀智能体」的专属页面与入口。上榜智能体不仅获得官方展示机会,还将获得限量荣誉徽章、热搜资源位、个人专属荣誉海报等奖励(可点击查看👉【官方榜单 | 2024年11月<星智榜>重磅发布!】滑至文末领取)。

榜单不仅是评选,也是激发灵感、学习经验的平台,希望更多开发者可以看到用户需求的方向、汲取作品的灵感,用更具用户价值的智能体获取更多的流量。

2024年11月「优秀智能体」榜单首先揭晓领秀智能体、新秀智能体两个子榜,让我们先睹为快吧!

✨领秀智能体✨

✨新秀智能体✨

✨ 平台将每月更新榜单,敬请期待!✨

「Q&A」

Q:我在8月做了个很好的智能体,还有机会参与12月榜单评选吗?

A:可以的,「领秀智能体」的入选范围为月度内有调优发布行为的智能体。只要你在12月对智能体进行了细节优化并公开发布,即可参与评选!但请注意,为防刷榜行为,同一智能体不可连续上榜哦。

Q:我在11月30日发布的新智能体,还没什么流量,用户喜爱分会不会很低?

A:不用担心哦。「新秀智能体」的评选范围是前两个月内首次创建发布的智能体,即首次发布时间为10月1日-11月30日的智能体参与11月榜评选,11月1日-12月31日发布的智能体参与12月榜评选,每个智能体都有至少30天的分发周期,确保公平、充足的用户数据积累。

Q:我是商业类智能体,如何上榜呢?

A:可以通过找到用户需求高的赛道,针对性创建设定清晰的智能体,在确保良好的用户体验的基础上,搭载适配的、增益性的商业组件,带给用户即时需求满足,提升组件点击与转化率。

✨上榜权益示例

0e9605bde76fa6032b0e01a18158eec2.jpeg
官网专属入口

4611a9f5b2c8f37b41e5387ef21835ab.jpeg
领秀智能体勋章

76b71482b847a21259bdd0b000d2b751.jpeg
新秀智能体勋章

ae24941ab6f8fc17b629dc6d7702314c.jpeg
对话页也显示哦

🏅期待在榜单上看到你的名字,共同掀起AI时代浪潮!

👉点击立即查看11月「优秀智能体」榜单

我们可以将你提供的 HTML 导航菜单中的所有链接(包括下拉菜单项)**统一通过外部 JavaScript 件控制跳转**,实现完全由 JS 处理页面导航,而不是使用原生的 `<a href="...">` 跳转。 --- ### ✅ 目标 - 所有 `<a>` 标签不再使用 `href` 进行跳转 - 使用 JavaScript 的 `addEventListener` 绑定点击事件 - 实现跳转到对应页面(如:`new_products.html`, `bestsellers.html`, `forum.html` 等) - 保持下拉菜单功能正常(CSS 或 JS 控制显示/隐藏) - 所有逻辑放在一个外部 JS 件中(例如:`nav.js`) --- ### ✅ 第一步:修改 HTML 结构(移除 href,添加 ID 或 data-page) ```html <ul class="navbar"> <!-- 新品上市 - 带下拉 --> <li class="dropdown" id="newProductsDropdown"> <a href="#" class="dropbtn" data-page="new_products.html">新品上市 ▼</a> <ul class="dropdown-content"> <li><a href="#" data-page="quantum_series.html">量子机甲系列</a></li> <li><a href="#" data-page="gundam_series.html">高达系列</a></li> <li><a href="#" data-page="stellar_armor.html">星环战甲系列</a></li> </ul> </li> <!-- 热销榜单 - 带下拉 --> <li class="dropdown" id="bestSellersDropdown"> <a href="#" class="dropbtn" data-page="bestsellers.html">热销榜单 ▼</a> <ul class="dropdown-content"> <li><a href="#" data-page="gundam_rx78.html">高达 RX-78</a></li> <li><a href="#" data-page="titan_mecha.html">泰坦重装机甲</a></li> <li><a href="#" data-page="cyborg_x9.html">赛博格X-9</a></li> </ul> </li> <!-- 其他导航项 --> <li><a href="#" data-page="forum.html">论坛</a></li> <li><a href="#" data-page="messages.html">消息</a></li> <li><a href="#" data-page="news.html">动态</a></li> <li><a href="#" data-page="about.html">关于我们</a></li> <li><a href="#" data-page="support.html">联系客服</a></li> </ul> ``` > 💡 我们保留了 `href="#"` 是为了防止链接失效,但实际跳转由 JS 完成。也可以设为 `href="javascript:void(0)"` 来更明确地禁用跳转。 --- ### ✅ 第二步:编写外部 JS 件 `nav.js` ```javascript // nav.js document.addEventListener('DOMContentLoaded', function () { // 获取所有需要跳转的链接(带有 data-page 属性) const links = document.querySelectorAll('a[data-page]'); links.forEach(link => { link.addEventListener('click', function (e) { e.preventDefault(); // 阻止默认跳转行为 const page = this.getAttribute('data-page'); if (page) { window.location.href = page; // 执行跳转 } }); }); // === 下拉菜单交互控制(可选增强)=== const dropdowns = document.querySelectorAll('.dropdown'); dropdowns.forEach(dropdown => { const dropbtn = dropdown.querySelector('.dropbtn'); // 点击下拉标题时,只展开/收起菜单,不跳转(如果是主项) dropbtn.addEventListener('click', function (e) { e.preventDefault(); // 检查是否是主按钮(有 data-page),我们阻止跳转并仅切换菜单 dropdown.classList.toggle('active'); }); }); // 可选:点击其他地方关闭下拉菜单 document.addEventListener('click', function (e) { dropdowns.forEach(dropdown => { if (!dropdown.contains(e.target)) { dropdown.classList.remove('active'); } }); }); }); ``` --- ### ✅ 第三步:添加 CSS 支持下拉菜单显示/隐藏 ```css <style> .navbar { list-style: none; background-color: #1a1a2e; padding: 0; margin: 0; display: flex; font-family: Arial, sans-serif; } .navbar li { position: relative; } .navbar a { display: block; color: #fff; text-decoration: none; padding: 14px 16px; cursor: pointer; } .navbar a:hover { background-color: #0f5b9c; } /* 下拉内容 */ .dropdown-content { display: none; position: absolute; background-color: #2a2a4a; min-width: 180px; box-shadow: 0px 8px 16px rgba(0,0,0,0.3); z-index: 100; list-style: none; } .dropdown-content li a { padding: 12px 16px; } /* 当父级 dropdown 有 active 类时显示下拉菜单 */ .dropdown.active .dropdown-content, .dropdown:hover .dropdown-content { display: block; } </style> ``` --- ### ✅ 第四步:在 HTML 中引入 JS 件 ```html <script src="nav.js"></script> ``` 确保件路径正确,例如与 HTML 同目录。 --- ### ✅ 最终效果说明: | 功能 | 实现方式 | |------|----------| | **所有页面跳转** | 通过 `data-page` + JS 实现 | | **下拉菜单展开/收起** | 通过 JS 添加 `active` 类或直接 hover 控制 | | **主菜单项点击(如“新品上市”)** | 不跳转,仅展开菜单(除非你想也跳转首页) | | **子菜单项点击** | 跳转到具产品页 | > ⚠️ 注意:如果你希望“新品上市”按钮本身也跳转(比如点一下去总览页),可以保留 `data-page="new_products.html"`,并在 JS 中判断是否为下拉按钮,决定是否跳转。 --- ### ✅ 可选增强:点击主菜单项既跳转又展开 如果你希望: - 点击“新品上市” → 跳转到 `new_products.html` - 鼠标悬停 → 展开下拉菜单 可以这样优化 JS: ```js dropbtn.addEventListener('click', function (e) { const page = this.getAttribute('data-page'); const isSubPage = this.parentElement.querySelector('.dropdown-content a[data-page="' + page + '"]'); // 如果这个链接是某个子项的页面,则不跳转,只展开菜单 if (isSubPage) { e.preventDefault(); dropdown.classList.toggle('active'); } else { // 否则跳转 window.location.href = page; } }); ``` ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值