Tag: css shapes

使用jquery和CSS绘制十字符号: 我在运行类型上创建了div元素，使用Javascript绘制不同类型的形状。我正在使用jquery和CSS来绘制形状并在我的项目中使用这样的方法。以下代码为Diamond。 $(symbol).css({ “width”: options.ShapeSize.width/2, “height”: options.ShapeSize.height/2, “left”: (evt.startX), “top”: (evt.startY), “border-style”: “solid”, “background-color”: options.Style.Color, “border-color”: options.Style.BorderColor, “margin”: “3px 0 0 30px”, “transform”: “rotate(-45deg)”, “transform-origin”: “0 100%”, }); 同样我想使用jquery和CSS绘制交叉符号（ + ）。我提到了beow链接。 http://jsbin.com/defigayimace/1/edit 。在那，他们只使用CSS。但我想用jquery追加CSS样式来绘制形状。有人帮我吗？谢谢你，巴拉提。

hover多个小圆圈的较大区域: 我目前有一张地图。在这张地图上，我用border-radius创建了几个小圆圈/圆点。徘徊点动画点+其他东西。我的问题：现在我必须非常精确地徘徊一个点，因为它太小了。我想知道是否有可能创建一个更大的隐形hitzonehover区域或类似的点周围，从而更容易与点交互？这是一个例子： $(“#map-container”).find(“.dot-item”) .mouseenter(function() { console.log(“over”); $(this).css(“width”,”10″); $(this).css(“height”,”10″); }) .mouseleave(function() { console.log(“out”); $(this).css(“width”,”5″); $(this).css(“height”,”5″); }).on(“click”, function(e) { console.log(“click”); }); #wrapper { position: relative; width: 500px; height: 500px; background-color: gray; } .dot-item { position: absolute; border-radius: 50%; width: 5px; height: 5px; background-color: red; cursor: pointer; }

Trapezium响应Div与CSS或jQuery: 我必须建立这个网站，我面临着交替Trapezium Divs的独特挑战。我之前从未遇到过这样的事情，我也不知道如何实现这一目标。为了使事情变得更复杂，这将成为一个响应迅速的网站。有任何想法吗？

如何在移动视图中点击箭头时向左和向右滚动内容？: 我有一个小提琴，其工作方式是当我在移动视图中取出时，方框水平滚动。我用过的CSS代码是： @media only screen and (max-width: 767px) { .product-all-contents { overflow-x: auto; } .product-contents .product{ min-width: 50.795%; margin: 0 2%; padding-top: 3.91%; padding-left: 3.91%; padding-right: 3.91%; } } 问题陈述：我想知道我应该在小提琴中做出什么改变，以便当我在移动视图中点击箭头时（如下面的屏幕截图中标有橙色箭头标记所示），内容向左移动，反之亦然。我认为最好的解决方案将是jQuery，scrollLeft（）和scrollRight（），但我不知道如何在小提琴中实现它。