Fatal编程技术网
  • javascript/
  • Javascript 在滚动幻灯片中添加类似项目符号的按钮

Javascript 在滚动幻灯片中添加类似项目符号的按钮

javascript jquery html

Javascript 在滚动幻灯片中添加类似项目符号的按钮,javascript,jquery,html,slideshow,Javascript,Jquery,Html,Slideshow,所以我想在幻灯片底部添加子弹状按钮，但我找不到教程，所以我想你们可以帮我。以下是一个示例：在链接上使用CSS背景： <a href="..." class="someClass">...</a> CSS: .someClass{ 背景图像：url（/images/…）边框半径：50%将构成一个元素circular@Jashwant但是我如何创建这些按钮？我需要一个脚本，我猜你在使用什么滑块？@RokasStankaitis，这不是一个做我的家庭作业网站。你应该知道如

所以我想在幻灯片底部添加子弹状按钮，但我找不到教程，所以我想你们可以帮我。以下是一个示例：

在链接上使用CSS背景：

<a href="..." class="someClass">...</a>
CSS:

.someClass{

背景图像：url（/images/…）
边框半径：50%
将构成一个元素circular@Jashwant但是我如何创建这些按钮？我需要一个脚本，我猜你在使用什么滑块？@RokasStankaitis，这不是一个
做我的家庭作业
网站。你应该知道如何创建按钮。或者我可以参考一些链接来阅读创建按钮的相关内容。如果你需要它们是圆形的，然后添加
边框半径：50%
@Jashwant是的，我知道，只是我不知道怎么做，我在寻求帮助，不是要求它我需要用gimp或其他东西创建这些子弹状按钮，然后将它们添加到这行：背景图像：url（/images/…）；是的。您可以创建任意多个类，每个类都有自己的图像。如果您想更高级，可以将图标组合到单个文件中，并使用CSS精灵：将它们生成为PNG文件。

.someClass {
    background-image:url(/images/...);   <--path to your image
    background-repeat:no-repeat;
    display:block;
    height:20px;
    width:20px;   <--- set sizes to match your image.
}